Bug 266235

Summary: iOS 17.2 Fullscreen API - Iframe doesn't take parent document viewport when sent fullscreen
Product: WebKit Reporter: Robert Bryer <robert.bryer>
Component: DOMAssignee: Nobody <webkit-unassigned>
Status: NEW    
Severity: Normal CC: jer.noble, karlcow, ntim, simon.fraser, webkit-bug-importer
Priority: P2 Keywords: InRadar
Version: Safari 17   
Hardware: iPhone / iPad   
OS: iOS 17   
See Also: https://bugs.webkit.org/show_bug.cgi?id=149889
https://bugs.webkit.org/show_bug.cgi?id=53546
Attachments:
Description Flags
Video player with tiny controls none

Robert Bryer
Reported 2023-12-11 10:35:07 PST
Created attachment 468979 [details] Video player with tiny controls When our player sends the iframe fullscreen, we see that the viewport is scaled very small. The parent page has a <meta name="viewport"...>, but these attributes of the parent aren't applying to the iframe. The controls of the player are therefore tiny when in fullscreen. The parent document has: <meta name="viewport" content="width=device-width, initial-scale=1.0"> iPhone 13 / iOS 17.2 With the Fullscreen API feature flag turned on: 1. Visit http://cookbook.tools.bbc.co.uk/news?player=smphtml5 and play. 2. In portrait, go fullscreen. 3. See the controls of the video player are scaled really tiny. We can fix this problem by duplicating the meta tag and adding it to the iframe's document's <head>, and this will fix the scaling. However we haven't needed to do this for any other fullscreen API implementation so I think (and correct me if I'm wrong) that the iframe should instead be taking these viewport attributes from its parent. Extra: 4. Add a meta tag to the iframe by running in the console: > $('#smphtml5iframemp')[0].contentWindow.document.head.appendChild($('<meta name="viewport" content="width=device-width, initial-scale=1.0">')[0])
Attachments
Video player with tiny controls (2.94 MB, image/png)
2023-12-11 10:35 PST, Robert Bryer 		no flags
Details
View All Add attachment proposed patch, testcase, etc.
Radar WebKit Bug Importer
Comment 1 2023-12-11 12:44:37 PST
<rdar://problem/119511225>
Karl Dubost
Comment 2 2023-12-11 16:48:44 PST
Could it be related to Bug 149889 and Bug 53546. Adding Simon
Karl Dubost
Comment 3 2023-12-11 16:49:58 PST
Also maybe related Bug 172926 They all refer to iframe flattening.
Note You need to log in before you can comment on or make changes to this bug.