| OLD | NEW |
|---|
| 1 <style> | 1 <style> |
| 2 body { background: green; color: white; } | 2 body { background: green; color: white; } |
| 3 document:-webkit-full-screen-document > body { background: red; } | 3 body:-webkit-full-screen-ancestor { background: red; } |
| 4 span { text-decoration: underline; cursor: hand; } | 4 span { text-decoration: underline; cursor: hand; } |
| 5 div { | 5 div { |
| 6 background: blue; | 6 background: blue; |
| 7 width: 200px; | 7 width: 200px; |
| 8 height: 100px; | 8 height: 100px; |
| 9 } | 9 } |
| 10 div:-webkit-full-screen { | 10 div:-webkit-full-screen { |
| 11 width: 100%; | 11 width: 100%; |
| 12 height: 100%; | 12 height: 100%; |
| 13 } | 13 } |
| 14 </style> | 14 </style> |
| 15 <script> | 15 <script> |
| 16 function toggleFullScreen() { | 16 function toggleFullScreen() { |
| 17 if (document.webkitIsFullScreen) | 17 if (document.webkitIsFullScreen) |
| 18 document.webkitCancelFullScreen(); | 18 document.webkitCancelFullScreen(); |
| 19 else | 19 else |
| 20 document.getElementsByTagName('div')[0].webkitRequestFullscreen(); | 20 document.getElementsByTagName('div')[0].webkitRequestFullscreen(); |
| 21 } | 21 } |
| 22 </script> | 22 </script> |
| 23 <body> | 23 <body> |
| 24 This tests that the page does not have a visible "flash" when finishing the
exit full screen animation. | 24 This tests that the page does not have a visible "flash" when finishing the
exit full screen animation. |
| 25 <span onclick="toggleFullScreen()">Click to toggle full screen.</span> | 25 <span onclick="toggleFullScreen()">Click to toggle full screen.</span> |
| 26 <div> | 26 <div> |
| 27 </div> | 27 </div> |
| 28 </body> | 28 </body> |
| OLD | NEW |
|---|
Chromium Code Reviews
Issue 1233503003:
Remove the :-webkit-full-screen-document pseudo class (Closed)
Base URL: svn://svn.chromium.org/blink/trunk