| Index: third_party/WebKit/LayoutTests/fullscreen/full-screen-stacking-context.html
|
| diff --git a/third_party/WebKit/LayoutTests/fullscreen/full-screen-stacking-context.html b/third_party/WebKit/LayoutTests/fullscreen/full-screen-stacking-context.html
|
| index f565aab1395e8d6169d9cc4b4cc04d5e852e7701..34f58dfea8d896d4f411f75f3a30b53a18e86f36 100644
|
| --- a/third_party/WebKit/LayoutTests/fullscreen/full-screen-stacking-context.html
|
| +++ b/third_party/WebKit/LayoutTests/fullscreen/full-screen-stacking-context.html
|
| @@ -1,52 +1,57 @@
|
| <!DOCTYPE html>
|
| -<script>
|
| -var runPixelTests = true;
|
| -
|
| -function init() {
|
| - waitForEventAndEnd(document, 'webkitfullscreenchange');
|
| - runWithKeyDown(goFullScreen);
|
| -}
|
| -
|
| -function goFullScreen() {
|
| - document.getElementById('target').webkitRequestFullScreen();
|
| -}
|
| -</script>
|
| -<script src="full-screen-test.js"></script>
|
| -<style>
|
| -#one {
|
| - width: 100px;
|
| - height: 100px;
|
| - position: relative;
|
| - top: 50px;
|
| - left: 50px;
|
| - z-index: 1;
|
| - background-color: red;
|
| - opacity: 0.5;
|
| - transform: rotate(180);
|
| - -webkit-mask: -webkit-linear-gradient(left, alpha 0%, white 100%);
|
| - -webkit-filter: contrast(100%);
|
| - clip:rect(0px,100px,100px,0px);
|
| - -webkit-box-reflect: below;
|
| - -webkit-transform-style: preserve-3d;
|
| - -webkit-perspective: 300;
|
| -}
|
| -#zero {
|
| - position: relative;
|
| - z-index: 0;
|
| -}
|
| -#target {
|
| - width: 200px;
|
| - height: 200px;
|
| - background-color: black;
|
| -}
|
| -</style>
|
| -
|
| -<body onload="init()">
|
| - <div>This tests that a full screen element in a lower stacking context blocks a sibling in a higher stacking context.
|
| - After entering full screen mode, only a black box should be visible.
|
| - Click <button onclick="goFullScreen()">go full screen</button> to run the test.</div>
|
| - <div id="one"></div>
|
| - <div id="zero">
|
| - <div id="target"></div>
|
| - </div>
|
| -</body>
|
| +<html>
|
| + <head>
|
| + <script>
|
| + var runPixelTests = true;
|
| +
|
| + function init() {
|
| + waitForEventAndEnd(document, 'webkitfullscreenchange');
|
| + runWithKeyDown(goFullScreen);
|
| + }
|
| +
|
| + function goFullScreen() {
|
| + document.getElementById('video').webkitRequestFullScreen();
|
| + }
|
| + </script>
|
| + <script src="full-screen-test.js"></script>
|
| + <style>
|
| + #one {
|
| + width: 100px;
|
| + height: 100px;
|
| + position: relative;
|
| + top: 50px;
|
| + left: 50px;
|
| + z-index: 1;
|
| + background-color: red;
|
| + }
|
| + #one, #two {
|
| + opacity: 0.5;
|
| + transform: rotate(180);
|
| + -webkit-mask: -webkit-linear-gradient(left, alpha 0%, white 100%);
|
| + -webkit-filter: contrast(100%);
|
| + clip:rect(0px,100px,100px,0px);
|
| + -webkit-box-reflect: below;
|
| + -webkit-transform-style: preserve-3d;
|
| + -webkit-perspective: 300;
|
| + }
|
| + #zero {
|
| + position: relative;
|
| + z-index: 0;
|
| + }
|
| + #video {
|
| + width: 200px;
|
| + height: 200px;
|
| + background-color: black;
|
| + }
|
| + </style>
|
| + </head>
|
| + <body onload="init()">
|
| + <div>This tests that a full screen element in a lower stacking context blocks a sibling in a higher stacking context.
|
| + After entering full screen mode, only a black box should be visible.
|
| + Click <button onclick="goFullScreen()">go full screen</button> to run the test.</div>
|
| + <div id="one"></div>
|
| + <div id="zero">
|
| + <video id="video"></video>
|
| + </div>
|
| + </body>
|
| +</html>
|
|
|
Chromium Code Reviews
Issue 2168373002:
Revert of Reland "Implement FullScreen using top layer." (Closed)
Base URL: https://chromium.googlesource.com/chromium/src.git@master