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: ann...@annevk.nl
Reporter: phil...@opera.com
QA Contact: public-webapps-bugzi...@w3.org
CC: m...@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.
