NEW 266235
iOS 17.2 Fullscreen API - Iframe doesn't take parent document viewport when sent fullscreen
https://bugs.webkit.org/show_bug.cgi?id=266235
Summary iOS 17.2 Fullscreen API - Iframe doesn't take parent document viewport when s...
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
Radar WebKit Bug Importer
Comment 1 2023-12-11 12:44:37 PST
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.