blob: 8023bdb8e26db86a5493491833aae0ef4d91d331 [file] [log] [blame]
:not(:root):-webkit-full-screen {
position: fixed !important;
top: 0 !important;
right: 0 !important;
bottom: 0 !important;
left: 0 !important;
margin: 0 !important;
box-sizing: border-box !important;
min-width: 0 !important;
max-width: none !important;
min-height: 0 !important;
max-height: none !important;
width: 100% !important;
height: 100% !important;
transform: none !important;
/* intentionally not !important */
object-fit: contain;
}
iframe:-webkit-full-screen {
border: none !important;
padding: 0 !important;
}
/* TODO(foolip): In the spec, there's a ::backdrop block with the properties
shared with dialog::backdrop (see html.css). */
:not(:root):-webkit-full-screen::backdrop {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: black;
}
/* Anything below are extensions over what the Fullscreen API (29 May 2018) mandates. */
/* This prevents video from overflowing the viewport in
virtual/android/fullscreen/video-scrolled-iframe.html (crbug.com/441890) and
removes scrollbars caused by html { overflow: scroll } (crbug.com/543946).
TODO(foolip): This is done differently in Gecko, find a fix not involving the
ancestor selector in https://github.com/whatwg/fullscreen/issues/19. */
:root:-webkit-full-screen-ancestor {
overflow: hidden !important;
}
:-webkit-full-screen:-internal-video-persistent-ancestor :not(:-internal-video-persistent-ancestor) {
display: none !important;
}
:-internal-video-persistent {
position: fixed !important;
left: 0 !important;
top: 0 !important;
margin: 0 !important;
min-width: 0 !important;
max-width: none !important;
min-height: 0 !important;
max-height: none !important;
width: 100% !important;
height: 100% !important;
transform: none !important;
background-color: black !important;
z-index: 2147483647 !important;
}