This is an archived snapshot of W3C's public bugzilla bug tracker, decommissioned in April 2019. Please see the home page for more details.

Bug 28332 - Remove any border and padding from fullscreen iframes
Summary: Remove any border and padding from fullscreen iframes
Status: RESOLVED FIXED
Alias: None
Product: WebAppsWG
Classification: Unclassified
Component: Fullscreen (show other bugs)
Version: unspecified
Hardware: PC All
: P2 normal
Target Milestone: ---
Assignee: Anne
QA Contact: public-webapps-bugzilla
URL:
Whiteboard:
Keywords:
Depends on:
Blocks:
 
Reported: 2015-03-25 11:35 UTC by Philip Jägenstedt
Modified: 2015-03-26 03:41 UTC (History)
2 users (show)

See Also:


Attachments

Description Philip Jägenstedt 2015-03-25 11:35:00 UTC
The spec current has this:

iframe:fullscreen {
  border:none;
}

Until recently, Blink had this:

iframe:-webkit-full-screen {
    border: none !important;
    padding: 0 !important;
}

Removing them found two sites assuming that any border/padding would be ignored in fullscreen:
https://code.google.com/p/chromium/issues/detail?id=468292#c4 (https://play.google.com/store/movies?hl=en)
https://code.google.com/p/chromium/issues/detail?id=469133#c5 (http://html5-demos.appspot.com/static/fullscreen.html)

Because the border rule is not !important and there is no padding rule, any site that has some border or padding on iframes must take care to remove them in fullscreen.

No border and padding will likely be the right thing more often than not, so I would like for the spec to align with Blink.
Comment 2 Philip Jägenstedt 2015-03-26 03:41:49 UTC
Thanks, that was quick!