Index: third_party/WebKit/Source/core/css/fullscreen.css |
diff --git a/third_party/WebKit/Source/core/css/fullscreen.css b/third_party/WebKit/Source/core/css/fullscreen.css |
index 4654b47f415c819e996746d7f48f76593ec8846b..bb9c79e0eae427ab0fa76dd0fc2fa00796f0c063 100644 |
--- a/third_party/WebKit/Source/core/css/fullscreen.css |
+++ b/third_party/WebKit/Source/core/css/fullscreen.css |
@@ -1,40 +1,60 @@ |
-:not(:root):-webkit-full-screen { |
- position: fixed !important; |
- top: 0 !important; |
- right: 0 !important; |
- bottom: 0 !important; |
+:-webkit-full-screen { |
+ background-color: white; |
+ z-index: 2147483647 !important; |
+} |
+ |
+:root:-webkit-full-screen-ancestor { |
+ overflow: hidden !important; |
+} |
+ |
+:-webkit-full-screen-ancestor:not(iframe) { |
+ z-index: auto !important; |
+ position: static !important; |
+ opacity: 1 !important; |
+ transform: none !important; |
+ -webkit-mask: none !important; |
+ clip: none !important; |
+ -webkit-filter: none !important; |
+ transition: none !important; |
+ -webkit-box-reflect: none !important; |
+ -webkit-perspective: none !important; |
+ -webkit-transform-style: flat !important; |
+} |
+ |
+video:-webkit-full-screen, audio:-webkit-full-screen { |
+ background-color: transparent !important; |
+ position: relative !important; |
left: 0 !important; |
+ top: 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; |
- object-fit: contain !important; |
+ flex: 1 !important; |
+ display: block !important; |
transform: none !important; |
} |
-iframe:-webkit-full-screen { |
- border: none !important; |
- padding: 0 !important; |
-} |
- |
-:not(:root):-webkit-full-screen::backdrop { |
- position: fixed; |
- top: 0; |
- right: 0; |
- bottom: 0; |
- left: 0; |
- background: black; |
+img:-webkit-full-screen { |
+ width: auto; |
+ height: 100%; |
+ max-width: 100%; |
} |
-/* Anything below are extensions over what the Fullscreen API (29 September 2015) mandates. */ |
- |
-/* This prevents video from overflowing the viewport in |
- virtual/android/fullscreen/video-scrolled-iframe.html |
- FIXME: We should remove this (see crbug.com/441890). */ |
-:root:-webkit-full-screen-ancestor { |
- overflow: hidden; |
+iframe:-webkit-full-screen { |
+ margin: 0 !important; |
+ padding: 0 !important; |
+ border: 0 !important; |
+ position: fixed !important; |
+ min-width: 0 !important; |
+ max-width: none !important; |
+ min-height: 0 !important; |
+ max-height: none !important; |
+ width: 100% !important; |
+ height: 100% !important; |
+ left: 0 !important; |
+ top: 0 !important; |
} |