W3C home > Mailing lists > Public > public-webapps@w3.org > July to September 2014

[Bug 26480] New: Author style max-width/height can interfere with style

From: <bugzilla@jessica.w3.org>
Date: Thu, 31 Jul 2014 13:04:35 +0000
To: public-webapps@w3.org
Message-ID: <bug-26480-2927@http.www.w3.org/Bugs/Public/>
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

This archive was generated by hypermail 2.4.0 : Friday, 17 January 2020 18:14:26 UTC