NEW 280181
Fullscreen PWAs (homescreen / web apps) do not hide navigation bar 
https://bugs.webkit.org/show_bug.cgi?id=280181
Summary Fullscreen PWAs (homescreen / web apps) do not hide navigation bar
James
Reported 2024-09-23 05:28:35 PDT
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
Attachments
Fullscreen PWA in landscape (302.26 KB, image/png)
2024-09-23 05:29 PDT, James 		no flags
Details
Fullscreen PWA in portrait (130.11 KB, image/png)
2024-09-23 05:30 PDT, James 		no flags
Details
View All Add attachment proposed patch, testcase, etc.
James
Comment 1 2024-09-23 05:29:52 PDT
Created attachment 472639 [details] Fullscreen PWA in landscape
James
Comment 2 2024-09-23 05:30:40 PDT
Created attachment 472640 [details] Fullscreen PWA in portrait
Radar WebKit Bug Importer
Comment 3 2024-09-30 05:29:14 PDT
<rdar://problem/136961424>
James
Comment 4 2024-10-16 03:26:39 PDT
URL of my PWA has been changed to https://formularsumo.github.io/Galaxy-Collection-Web/
Note You need to log in before you can comment on or make changes to this bug.