131166 2014-04-03 09:09:04 -0700 :-webkit-full-screen fails when ancestor has float (and more css issues) 2026-03-12 05:23:25 -0700 1 1 1 Unclassified WebKit WebCore Misc. 528+ (Nightly build) Mac OS X 10.9 NEW https://bugs.webkit.org/show_bug.cgi?id=84798 P2 Normal --- 1 guymguym webkit-unassigned ahmad.saleem792 oldest_to_newest 997183 0 guymguym 2014-04-03 09:09:04 -0700 Detected when using <video> inside these bootstrap classes - modal (fixed) > container > row > col-md-X (float). When switching the video to fullscreen it did not show well and the video itself was actually positioned below the visible area of the screen. I looked at the css - https://code.google.com/p/webkit-mirror/source/browse/Source/WebCore/css/fullscreen.css?name=master and although I didn't fully understand why it uses static positioning (rather than fixed) these rules seemed incomplete. My workaround was to add these custom css rules that fixed the display (though I'm no expert if it has other side-effects). It might be worth fixing somehow in the original webcore css. /* make ancestors show fullscreen and cancel float */ :-webkit-full-screen-ancestor:not(iframe) { float: none !important; margin: 0 !important; padding: 0 !important; width: 100% !important; height: 100% !important; } /* hide fullscreen siblings */ :-webkit-full-screen-ancestor > *:not(:-webkit-full-screen):not(:-webkit-full-screen-ancestor) { display: none !important; } Thanks, Guy 2189528 1 ahmad.saleem792 2026-03-12 05:23:25 -0700 I think this code does not exist any more - https://github.com/WebKit/WebKit/blob/9b98e7877c9f60e802d132b982a1b0dc7935224e/Source/WebCore/css/fullscreen.css#L4 so might be N/A bug.