| 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 |