Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(91)

Issues Search
    My Issues | Starred     Open | Closed | All

Side by Side Diff: third_party/WebKit/LayoutTests/fullscreen/full-screen-stacking-context.html

Issue 1410833004: Revert "Implement FullScreen using top layer." (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: Created 5 years, 2 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch
« no previous file with comments | « third_party/WebKit/LayoutTests/fullscreen/full-screen-render-inline-expected.html ('k') | third_party/WebKit/LayoutTests/fullscreen/full-screen-stacking-context-expected.html » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
1 <!DOCTYPE html> 1 <!DOCTYPE html>
2 <script> 2 <html>
3 var runPixelTests = true; 3 <head>
4 4 <script>
5 function init() { 5 var runPixelTests = true;
6 waitForEventAndEnd(document, 'webkitfullscreenchange'); 6
7 runWithKeyDown(goFullScreen); 7 function init() {
8 } 8 waitForEventAndEnd(document, 'webkitfullscreenchange');
9 9 runWithKeyDown(goFullScreen);
10 function goFullScreen() { 10 }
11 document.getElementById('video').webkitRequestFullScreen(); 11
12 } 12 function goFullScreen() {
13 </script> 13 document.getElementById('video').webkitRequestFullScreen();
14 <script src="full-screen-test.js"></script> 14 }
15 <style> 15 </script>
16 #one { 16 <script src="full-screen-test.js"></script>
17 width: 100px; 17 <style>
18 height: 100px; 18 #one {
19 position: relative; 19 width: 100px;
20 top: 50px; 20 height: 100px;
21 left: 50px; 21 position: relative;
22 z-index: 1; 22 top: 50px;
23 background-color: red; 23 left: 50px;
24 opacity: 0.5; 24 z-index: 1;
25 transform: rotate(180); 25 background-color: red;
26 -webkit-mask: -webkit-linear-gradient(left, alpha 0%, white 100%); 26 }
27 -webkit-filter: contrast(100%); 27 #one, #two {
28 clip:rect(0px,100px,100px,0px); 28 opacity: 0.5;
29 -webkit-box-reflect: below; 29 transform: rotate(180);
30 -webkit-transform-style: preserve-3d; 30 -webkit-mask: -webkit-linear-gradient(left, alpha 0%, white 100% );
31 -webkit-perspective: 300; 31 -webkit-filter: contrast(100%);
32 } 32 clip:rect(0px,100px,100px,0px);
33 #zero { 33 -webkit-box-reflect: below;
34 position: relative; 34 -webkit-transform-style: preserve-3d;
35 z-index: 0; 35 -webkit-perspective: 300;
36 } 36 }
37 #video { 37 #zero {
38 width: 200px; 38 position: relative;
39 height: 200px; 39 z-index: 0;
40 background-color: black; 40 }
41 } 41 #video {
42 </style> 42 width: 200px;
43 43 height: 200px;
44 <body onload="init()"> 44 background-color: black;
45 <div>This tests that a full screen element in a lower stacking context blocks a sibling in a higher stacking context. 45 }
46 After entering full screen mode, only a black box should be visible. 46 </style>
47 Click <button onclick="goFullScreen()">go full screen</button> to run the test.</div> 47 </head>
48 <div id="one"></div> 48 <body onload="init()">
49 <div id="zero"> 49 <div>This tests that a full screen element in a lower stacking context b locks a sibling in a higher stacking context.
50 <video id="video"></video> 50 After entering full screen mode, only a black box should be visible .
51 </div> 51 Click <button onclick="goFullScreen()">go full screen</button> to r un the test.</div>
52 </body> 52 <div id="one"></div>
53 <div id="zero">
54 <video id="video"></video>
55 </div>
56 </body>
57 </html>
OLDNEW
« no previous file with comments | « third_party/WebKit/LayoutTests/fullscreen/full-screen-render-inline-expected.html ('k') | third_party/WebKit/LayoutTests/fullscreen/full-screen-stacking-context-expected.html » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698