Bug 272392 – The iPad Status Bar + Home Screen Bar block content when Fullscreen API is enabled

• Component: WebKit API
• Status: NEW

[Jeffrey Blanz]

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?

[Jeffrey Blanz]

Created attachment 470838 [details]
iPad Status Bar Blocking Content when Gaming

[Radar WebKit Bug Importer]

<rdar://problem/126550620>

[Ahmad Saleem]

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]

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]

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.