Browser issue Screen width issue on mobile

[420]

Affected version

2.2

On mobile, the screen reduces width on one side when turning the phone sideways. Turning the phone sideways the other way reduces the width of the other side. See screenshots.

Device: iPhone 11 Pro Max using Google Chrome latest version.

 

[Sad_Sheep]

Same here IPhone 11 IOS 14.3 XF v2.1.10 Patch 2 Chrome latest

 

[420]

Any idea when this will be resolved?

 

[Chris D]

Unfortunately this is looking increasingly likely that it is a bug in Chrome for iOS itself. There appears to be numerous open bug reports related to safe-inset-area (which we use to avoid things being cut off by the notch when landscape).

These issues are not present in Safari. Which is actually quite unusual because essentially all browsers on iOS run a variant of Safari. The issues are also not present in Firefox. So this firmly points the issue being with Chrome itself.

So, unfortunately, there isn't a fix coming any time soon from our side, although I will leave this report open so we can a) consider a workaround (if there is one - tricky with iOS browsers) and/or b) create a reduced reproduction case and file a Chrome bug report.

 

[420]

It's destroying my work experience, reducing an already tiny phone screen, in half when it occurs.

This seems to be the most logical choice to get any kind of action

b) create a reduced reproduction case and file a Chrome bug report.

How can we know when this has been done?

Thank you.

 

[Chris D]

This appears to work now so we'll close this.