OLD | NEW |
1 <head> | 1 <head> |
2 <script> | 2 <script> |
3 var runPixelTests = true; | 3 var runPixelTests = true; |
4 var init = function() { | 4 var init = function() { |
5 var callback; | 5 var callback; |
6 var fullscreenChanged = function(event) | 6 var fullscreenChanged = function(event) |
7 { | 7 { |
8 if (callback) | 8 if (callback) |
9 callback(event) | 9 callback(event) |
10 }; | 10 }; |
(...skipping 41 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
52 padding: 4px; | 52 padding: 4px; |
53 height: 384px; | 53 height: 384px; |
54 } | 54 } |
55 | 55 |
56 #three { | 56 #three { |
57 border: 4px solid darkblue; | 57 border: 4px solid darkblue; |
58 background-color: blue; | 58 background-color: blue; |
59 padding: 4px; | 59 padding: 4px; |
60 height: 368px; | 60 height: 368px; |
61 } | 61 } |
| 62 :-webkit-full-screen-ancestor { |
| 63 background-color: yellow; |
| 64 } |
62 </style> | 65 </style> |
63 </head> | 66 </head> |
64 <body onload="init()"> | 67 <body onload="init()"> |
65 | 68 |
66 This tests that, if the ancestor of the current full-screen element is removed,
full screen mode will exit, and the document will render normally. At the compl
etion of the test, a green box should be visible. Click <button onclick="goFullS
creen()">go full screen</button> to run the test. | 69 This tests that, if the ancestor of the current full-screen element is removed,
full screen mode will exit, and the document will render normally. At the compl
etion of the test, a green box should be visible. Click <button onclick="goFullS
creen()">go full screen</button> to run the test. |
67 | 70 |
68 <div id="one"> | 71 <div id="one"> |
69 <div id="two"> | 72 <div id="two"> |
70 <div id="three"></div> | 73 <div id="three"></div> |
71 </div> | 74 </div> |
72 </div> | 75 </div> |
73 </body> | 76 </body> |
OLD | NEW |