iOS Safari display issues

[ChildLearningClub]

Describe the bug

You will notice two separate things that could be fixed

1. Landscape mode not taking up entire screen
2. When changing from landscape to portrait bottom is cut, requiring refresh of page to fix.

To Reproduce

Share and open public link on iOS Safari

Screenshots

Quick comparison of both Photos and Memories public link displaying on iOS Safari

RPReplay_Final1711232322_1.mp4

Platform:

iOS Safari

Additional context

Although not the same issue as Fullscreen not working, but related I think
#697

[pulsejet]

Safari 😭

[pulsejet]

One note:

Landscape mode not taking up entire screen

This is kinda intentional; that gap is the scroller (same as desktop). Maybe it might make more sense to never show the scroller on mobile devices, but it's not clear what's the better interface on e.g. iPads say with a mouse

[ChildLearningClub]

One note:

Landscape mode not taking up entire screen

This is kinda intentional; that gap is the scroller (same as desktop). Maybe it might make more sense to never show the scroller on mobile devices, but it's not clear what's the better interface on e.g. iPads say with a mouse

Oh I was referring to the URL bar and other open tabs becoming visible when changing to landscape, you will notice in the video that this does not happen with the Photos app.

[pulsejet]

When changing from landscape to portrait bottom is cut, requiring refresh of page to fix.

So I did manage to reproduce this intermittently, but it seems like a bug in Webkit. Safari is actually calling ResizeObserver callbacks with wrong heights, and some of the subsequent calls get dropped for whatever reason; either way this seems like something Apple needs to fix

[ChildLearningClub]

I’m curious why this doesn’t happen with again the Photos app for example?

[pulsejet]

Implemented a possibly unrelated fix; I can't reproduce the issue anymore (though it was sporadic for me to begin with)

I’m curious why this doesn’t happen with again the Photos app for example?

Photos uses a completely different (and much simpler) design -- it plays a bit nicer with the browser but is much slower and doesn't support lazy loading.