Bug 263749

Summary: Add quirk to youtube.com to have element fullscreen controls respect iPhone safe area
Product: WebKit Reporter: Dana Estra <dana.estra>
Component: MediaAssignee: Nobody <webkit-unassigned>
Status: NEW ---    
Severity: Normal CC: karlcow, webkit-bug-importer
Priority: P2 Keywords: InRadar
Version: WebKit Nightly Build   
Hardware: Unspecified   
OS: Unspecified   
Attachments:
Description Flags
rendering on an iPhone none

Description Dana Estra 2023-10-26 15:21:39 PDT
Add quirk to youtube.com to have element fullscreen controls respect iPhone safe area
Comment 1 Dana Estra 2023-10-26 16:28:07 PDT
Pull request: https://github.com/WebKit/WebKit/pull/19613
Comment 2 Dana Estra 2023-10-27 10:42:43 PDT
<rdar://problem/117304719>
Comment 3 Karl Dubost 2023-10-27 14:28:32 PDT
Embedded YouTube videos when put in fullscreen on iPhone have their controls outside
the iPhone safe zone. 
It would be good to have a screenshot for this.
Comment 4 Karl Dubost 2023-10-27 14:32:51 PDT
Created attachment 468373 [details]
rendering on an iPhone

Steps to reproduce:
1. Go to https://petapixel.com/2023/10/20/darren-aronofsky-says-it-takes-12-people-to-use-the-18k-sphere-camera/ in Safari on an iPhone with Face ID
2. Scroll down to the embedded YouTube video and enter fullscreen

Observe that the video title and some controls are drawn under the status bar on top, and the scrubber is too close to the home affordance on bottom. See attached screenshot.