Bug 218142 - -webkit-fullscreen style applies before element style
Summary: -webkit-fullscreen style applies before element style
Status: RESOLVED CONFIGURATION CHANGED
Alias: None
Product: WebKit
Classification: Unclassified
Component: CSS (show other bugs)
Version: Safari Technology Preview
Hardware: Mac macOS 10.15
: P2 Normal
Assignee: Nobody
URL:
Keywords: InRadar
Depends on:
Blocks:
 
Reported: 2020-10-23 15:36 PDT by Brendan Duncan
Modified: 2022-12-17 11:25 PST (History)
12 users (show)

See Also:

Attachments
Test html showing fullscreen element doesn't fill screen by default (268 bytes, text/html)
2020-10-23 15:36 PDT, Brendan Duncan 		no flags Details
View All Add an attachment (proposed patch, testcase, etc.)

Note You need to log in before you can comment on or make changes to this bug.
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