wilber.pointclark.net:283 - Incorrect page rendering

[wmattw81]

URL: https://wilber.pointclark.net:283/horde/

Browser / Version: Firefox iOS 39.0
Operating System: iOS 15.1
Tested Another Browser: Yes Other

Problem type: Site is not usable
Description: Page not loading correctly
Steps to Reproduce:
Please read my update just below this, it will contain multiple screenshots.

Browser Configuration

• None

From webcompat.com with ❤️

[wmattw81]

This is different to #96064 because for that issue the website was using a self signed certificate but now it is using a certificate signed by a trusted Certificate Authority. Now Puffin, Firefox, Chrome, and Safari can access the website. In addition I hadn’t set the password correctly for the testuser making logging in impossible, that has been fixed.

I’m using an iPhone 8 running iOS 15.1 with Puffin Browser Pro 5.2.5 (16268) and this website renders correctly:

View the screenshot

and it can login as well:

View the screenshot

When I use my iPhone 8 running iOS 15.1 with Firefox Daylight 39.0 (6519) the website does not render correctly:

View the screenshot

Also after logging in the website does not render correctly:

View the screenshot

But when I use my iPad Air running iOS 12.5.5 with Firefox Daylight 32.1 (3961) the website does render correctly:

View the screenshot

When I login the website is functioning:

View the screenshot

You can use this test account to login:
Username: testuser
Password: testpassword

[wmattw81]

To summarise this website loads correctly on Firefox when using an iPad but is unusable when using Firefox on an iPhone.

[softvision-oana-arbuzov]

Thanks for the report, I was able to reproduce the issue in RDM
UA: Mozilla/5.0 (iPhone; CPU iPhone OS 15_1 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) FxiOS/39.0 Mobile/15E148 Safari/605.1.15

Note: The same behavior is encountered on Chrome RDM.

Moving to Needsdiagnosis for further investigation.

[wmattw81]

When I use my iPhone 8 running iOS 15.1 with Firefox Daylight 39.0 (6519), if I “Request Desktop Site” the website is rendered correctly:

View the screenshot

I’m also able to login and this website is usable:

View the screenshot

Using the “Request Desktop Site” is good enough for me. Feel free to close this issue.

[karlcow]

so fwiw, all browsers on iPhone/iPad are using the same rendering engines (Apple WebKit). They are not using Gecko.

What is happening here is an issue with the User Agent String. On the iPad, the Desktop string is sent, not the mobile one.

Also there are issues with the certificate for the site.

@wmattw81 the way to fix it is to change the detection logic of the site.
This is the pattern of the UA string on iPhone for Firefox iOS.

Mozilla/5.0 (iPhone; CPU iPhone OS 15_1 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) FxiOS/39.0  Mobile/15E148 Safari/605.1.15

[karlcow]

The issue should be probably filed at https://github.com/horde/imp