Bug 218142

Summary: -webkit-fullscreen style applies before element style
Product: WebKit Reporter: Brendan Duncan <brendanduncan>
Component: CSSAssignee: Nobody <webkit-unassigned>
Status: RESOLVED CONFIGURATION CHANGED    
Severity: Normal CC: ahmad.saleem792, ap, bfulgham, eric.carlson, jer.noble, koivisto, ntim, rniwa, simon.fraser, smoley, webkit-bug-importer, zalan
Priority: P2 Keywords: InRadar
Version: Safari Technology Preview   
Hardware: Mac   
OS: macOS 10.15   
Attachments:
Description Flags
Test html showing fullscreen element doesn't fill screen by default none

Description Brendan Duncan 2020-10-23 15:36:23 PDT
Created attachment 412213 [details]
Test html showing fullscreen element doesn't fill screen by default

Calling webkitRequestFullscreen on an element that has style width/height set will not stretch the element to fill the screen. The element's style is overriding -webkit-fullscreen. 
Chrome and Firefox apply the fullscreen style after the element so that it fills the screen by default.
Comment 1 Smoley 2020-10-26 13:44:26 PDT
Thanks for filing, I can reproduce this on Safari 13.1 and STP115 (14.1) so far.
Comment 2 Radar WebKit Bug Importer 2020-10-26 13:44:37 PDT
<rdar://problem/70693400>
Comment 3 Ahmad Saleem 2022-08-12 15:37:41 PDT
I am able to reproduce this in Safari Technical Preview 151 and it does not stretch "red" to full screen while Chrome Canary 106 does. -webkit- prefixed does not work with with Firefox Nightly 105. Just wanted to update latest testing results. Thanks!
Comment 4 Tim Nguyen (:ntim) 2022-12-17 11:25:05 PST
Not reproducible for me either.
Comment 5 Tim Nguyen (:ntim) 2022-12-17 11:25:43 PST
These UA styles should make it fill the whole screen now: https://searchfox.org/wubkat/rev/a7f14bf80bc907a6b436de4c81853fc0359acabd/Source/WebCore/css/fullscreen.css#29-40