Bug 280181

PWAs with the manifest member "display": "fullscreen" do not correctly enter fullscreen on iOS. I make a PWA which can be accessed here https://formularsumo.github.io/Star-Wars-Galaxy-Collection-Web/ and used for testing. It's a game which works best in landscape mode and in fullscreen. As the requestFullscreen API is currently unsupported on iOS, the only way for users to play it in fullscreen is to install it as a PWA ("add to homescreen"). However when you launch the PWA, it still displays both the navigation bar and status bar when in portrait, and navigation bar when in landscape. According to https://developer.mozilla.org/en-US/docs/Web/Manifest/display, the "fullscreen" value should use the "entire display area" / "entire screen", but on iOS it's not doing this. On Android, browsers such as Chrome or Firefox do correctly hide both the status and navigation bar when in fullscreen, whether in portrait or landscape. The same behaviour on iOS is essential for games to function properly. Closely related is that swiping up to leave a fullscreen PWA does not work like it does on fullscreen native apps. Fullscreen native apps require two swipes to exit to prevent accidental gestures. One to bring up the status bar, and one to exit. Firefox on Android does have this behaviour for PWAs. Hopefully once the status bar is correctly hidden for fullscreen iOS PWAs this will be fixed alongside it, if not I can create a separate issue if needed. For all my findings on the differences between fullscreen PWAs on different browsers/platforms see here - https://github.com/FormularSumo/Star-Wars-Galaxy-Collection-Web/issues/10