- From: <bugzilla@jessica.w3.org>
- Date: Thu, 31 Jul 2014 13:04:35 +0000
- To: public-webapps@w3.org
https://www.w3.org/Bugs/Public/show_bug.cgi?id=26480 Bug ID: 26480 Summary: Author style max-width/height can interfere with style Product: WebAppsWG Version: unspecified Hardware: PC OS: Linux Status: NEW Severity: normal Priority: P2 Component: Fullscreen Assignee: annevk@annevk.nl Reporter: philipj@opera.com QA Contact: public-webapps-bugzilla@w3.org CC: mike@w3.org, public-webapps@w3.org http://fullscreen.spec.whatwg.org/#user-agent-level-style-sheet-defaults <!DOCTYPE html> <meta name="viewport" content="width=device-width"> <style> body { background: pink; margin: 0; } iframe { border: 0; height: 270px; max-height: 50%; width: 100%; } </style> <iframe src="//www.youtube.com/embed/pg5iRruqcps"></iframe> This is a minimized version of http://m.vk.com/video10345392_166569492 The author style sheet says max-height: 50% and since the user agent style sheet doesn't say differently, in fullscreen the iframe fails to fill the viewport. Unless there's some case where this makes sense, min-width, min-height, max-width and max-height should all be 100% in the UA style sheet. It fixes the problem in the wild, at least. -- You are receiving this mail because: You are on the CC list for the bug.
Received on Thursday, 31 July 2014 13:04:37 UTC