NEW272392
The iPad Status Bar blocks content when Fullscreen API is enabled 
https://bugs.webkit.org/show_bug.cgi?id=272392
Summary The iPad Status Bar blocks content when Fullscreen API is enabled
Jeffrey Blanz
Reported 2024-04-09 06:56:39 PDT
Created attachment 470837 [details] Fullscreen API in Safari with Temporary Exit Prompt The iPad status bar which displays the time, date, battery % and controls for Split View can not be hidden when Fullscreen API is enabled. This is an issue with games that use fullscreen as the top of the screen becomes unresponsive to touch. Users can also accidentally click the Split View control button in the top middle of the screen. The iPad Status bar can also block content. I will attach some images. Also note: There is a "X" button in the top left corner when Fullscreen API is enabled that also can block content. The user already gets a prompt when fullscreen API is enabled that says they need to swipe down to exit, so why is there an exit button?
Attachments
Fullscreen API in Safari with Temporary Exit Prompt (432.40 KB, image/png)
2024-04-09 06:56 PDT, Jeffrey Blanz 		no flags
Details
iPad Status Bar Blocking Content when Gaming (2.79 MB, image/png)
2024-04-09 06:57 PDT, Jeffrey Blanz 		no flags
Details
View All Add attachment proposed patch, testcase, etc.
Jeffrey Blanz
Comment 1 2024-04-09 06:57:36 PDT
Created attachment 470838 [details] iPad Status Bar Blocking Content when Gaming
Radar WebKit Bug Importer
Comment 2 2024-04-16 06:57:15 PDT
<rdar://problem/126550620>
Ahmad Saleem
Comment 3 2024-04-17 11:25:40 PDT
I manage to find link to first: https://davidwalsh.name/demo/fullscreen.php Can you share link to second game, so we can try to reproduce the issue?
Jeffrey Blanz
Comment 4 2024-04-17 12:08:31 PDT
The second game example is Fortnite on Geforce Now. You can install the PWA from this link https://play.geforcenow.com Once you create an account and hit play on Fortnite, it will launch in fullscreen. You can change it by clicking on the top left arrow, after lunching the game, and then clicking enter/exit fullscreen.
Jeffrey Blanz
Comment 5 2024-05-03 12:51:25 PDT
The white home screen bar at the bottom of the screen also shows when fullscreen API is enabled. This happens for iPhones and iPads. This also blocks content that is shown. When a user watches videos on YouTube for safari, for example, the iPad status bar and Home Screen bar disappear. The same should be true for fullscreen API.
Jeffrey Blanz
Comment 6 2025-02-17 11:33:13 PST
(In reply to Ahmad Saleem from comment #3) > I manage to find link to first: https://davidwalsh.name/demo/fullscreen.php > > Can you share link to second game, so we can try to reproduce the issue? Were you able to replicate this issue and understand what the problem is? The top bar for iPads with the Time, Date, Battery %, WIfi Signal, and three dots should not show when fullscreen is enabled. The white bar at the bottom to close apps, which is seen on iPhones and iPads that do not have a physical home button, should also not show. If you place any kind of button in the top or bottom you cannot press it because they block the input. They should not show in the first place.
Jeffrey Blanz
Comment 7 2025-06-11 06:47:47 PDT
The homescreen bar is now automatically hidden in ipados 26. The time, date, wifi, and battery elements still show up in fullscreen. These elements need to be hidden and not have a hitbox so that gamers can use the full screen.
Frédéric Wang Nélar
Comment 8 2026-10-15 09:56:22 PDT
Is this issue specific to PWA or does it reproduce on Safari too? It seems similar to bug 264220
Jeffrey Blanz
Comment 9 2026-10-19 13:37:33 PDT
This happens in PWAs and normal safari. You can replicate on a iPhone (when vertical) or and iPad using this demo: https://davidwalsh.name/demo/fullscreen.php
Note You need to log in before you can comment on or make changes to this bug.