Bug 251378

Summary: Fullscreen page appears completely misaligned on scrolling up and down
Product: WebKit Reporter: joemerramos
Component: WebKit APIAssignee: Nobody <webkit-unassigned>
Status: RESOLVED CONFIGURATION CHANGED    
Severity: Normal CC: ajuma, fred.wang, jer.noble, ntim, simon.fraser, webkit-bug-importer
Priority: P2 Keywords: InRadar
Version: Safari 16   
Hardware: iPhone / iPad   
OS: Unspecified   
Bug Depends on:    
Bug Blocks: 276855    
Attachments:
Description Flags
Reproducing bug none

joemerramos
Reported 2023-01-30 11:53:39 PST
Created attachment 464756 [details] Reproducing bug When using the fullscreen API, scrolling down then scrolling up will cause the fullscreen to misalign and cause the screen to be in a broken state making it hard for users to properly use or exit fullscreen mode. Steps to repro: On Safari: 1. Navigate to https://davidwalsh.name/demo/fullscreen.php 2. Tap on the Launch Fullscreen button 3. Tap on the > Back to: Fullscreen API button 4. Scroll up and scroll down Observed results: Fullscreen page is misaligned on scrolling up and down Expected results: Fullscreen page should not misalign on scrolling up and down
Attachments
Reproducing bug (45.43 MB, video/mp4)
2023-01-30 11:53 PST, joemerramos
no flags
Simon Fraser (smfr)
Comment 1 2023-01-30 13:21:18 PST
Is this new in iOS 16?
Radar WebKit Bug Importer
Comment 2 2023-01-30 13:23:00 PST
joemerramos
Comment 3 2023-01-30 13:30:39 PST
I just tested on iOS 15.5 and was able to reproduce.
Frédéric Wang Nélar
Comment 4 2026-10-13 11:40:32 PDT
I tried with iOS27 iphone simulator with the full screen api enabled, and on an ipad 17.7.11 and cannot reproduce the misalignment from the video. I'm closing the bug but feel free to reopen if that's still happening for you.
Note You need to log in before you can comment on or make changes to this bug.