1. Open in Safari on iPhone with a notch and gesture navigation: https://ios-pwa-safe-insets.glitch.me 2. Rotate to landscape, observe how the text is right above the navigation line. 3. Add to home screen. Open the home screen shortcut. 4. Observe how the text is behind the line both in portrait and landscape.
Created attachment 451541 [details] Screenshot of the issue in portrait
Created attachment 451542 [details] Screenshot of the issue in landscape
<rdar://problem/88758381>
Is it possible you forgot to add "viewport-fit=cover" in the <meta name="viewport" /> value? That said, the document should not be drawn behind the gesture pill without this flag, so looks like that's the actual bug?
Adding "viewport-fit=cover" fixes the problem for added-to-homescreen websites. However, for regular Safari it's not needed. In landscape orientation, the inset is available without it. Is this inconsistency intended behavior?