Bug 263777

Summary: Fullscreen API: iOS 17.2 bugs
Product: WebKit Reporter: Thomas Steiner <tomac>
Component: New BugsAssignee: Nobody <webkit-unassigned>
Status: RESOLVED MOVED    
Severity: Normal CC: aestes, ahmad.saleem792, destra, emilio, jer.noble, ntim, rik, simon.fraser
Priority: P2    
Version: Safari 17   
Hardware: iPhone / iPad   
OS: iOS 17   

Description Thomas Steiner 2023-10-27 06:49:53 PDT 
## Showing a <dialog> exits fullscreen: 

0) Go to https://fullscreen-keyboard-lock.glitch.me.
1) Click "Go fullscreen" button.
2) Click "Show the dialog" button.
3) You're kicked out of fullscreen mode. 

The app should remain in fullscreen mode.

## Fullscreen apps can't scroll:

0) Go to https://fullscreen-keyboard-lock.glitch.me.
1) Click "Go fullscreen" button.
2) Try scrolling down.
3) You can't scroll.

The app should remain scrollable.

## Closing button obscures content:

0) Go to https://fullscreen-keyboard-lock.glitch.me.
1) Click "Go fullscreen" button.
2) The closing X button obscures the content.

The button should fade away after a while.
Comment 1 Emilio Cobos Álvarez (:emilio) 2023-10-27 07:48:51 PDT 
> ## Fullscreen apps can't scroll:
> [...]
> The app should remain scrollable.

It isn't scrollable on Firefox or Chrome either, what am I missing? This seems like a bug in the page. You're making the <body> fullscreen (rather than the root), and the <body> isn't scrollable.
Comment 2 Thomas Steiner 2023-10-27 08:10:20 PDT 
Sorry, I stand corrected on "## Fullscreen apps can't scroll:", that's indeed an issue on the page. Thanks for the correction, Emilio.
Comment 3 Thomas Steiner 2023-10-27 08:24:20 PDT 
Corrected the app code. The new feedback with now scrolling working is the following:


## Fullscreen apps are hard to scroll:

0) Go to https://fullscreen-keyboard-lock.glitch.me.
1) Click "Go fullscreen" button.
2) Try scrolling around.
3) Unless you scroll very carefully and avoiding big scroll movements, you frequently accidentally leave fullscreen mode.

Old Android solves this by having a physical Back button. New Android by listening for the Back gesture when the user swipes from the left edge of the screen toward the middle. Maybe iOS could adopt this gesture?
Comment 4 Simon Fraser (smfr) 2023-10-27 16:49:19 PDT 
Let's file specific bugs on each issue, so that we can track the fixes as they are made.