| OLD | NEW |
|---|
| (Empty) | |
| 1 <!doctype html> |
| 2 <style> |
| 3 #wrapper { |
| 4 display: flex; |
| 5 justify-content: center; |
| 6 } |
| 7 |
| 8 ::backdrop { |
| 9 background: green; |
| 10 } |
| 11 </style> |
| 12 |
| 13 <script> |
| 14 function goFullscreen() { |
| 15 document.getElementById('wrapper').webkitRequestFullscreen(); |
| 16 } |
| 17 </script> |
| 18 |
| 19 <p>Test that fullscreen object elements get a ::backdrop. You should see a green
background when the object element is fullscreen.</p> |
| 20 |
| 21 <div id='wrapper'> |
| 22 <object type="application/x-shockwave-flash" data="../plugins/resources/simple
_blank.swf" width="100" height="100" id='object'></object> |
| 23 </div> |
| 24 |
| 25 <button id='button' onclick='goFullscreen()'>Go fullscreen</button> |
| 26 |
| 27 <script> |
| 28 if (window.testRunner) { |
| 29 testRunner.waitUntilDone(); |
| 30 document.addEventListener('webkitfullscreenchange', function() { |
| 31 testRunner.notifyDone(); |
| 32 }); |
| 33 |
| 34 function thunk() { |
| 35 document.removeEventListener("keypress", thunk); |
| 36 goFullscreen(); |
| 37 } |
| 38 document.addEventListener("keypress", thunk); |
| 39 if (window.eventSender) |
| 40 eventSender.keyDown(" ", []); |
| 41 |
| 42 testRunner.notifyDone(); |
| 43 } |
| 44 </script> |
| OLD | NEW |
|---|
Chromium Code Reviews
Issue 1363023005:
Implement FullScreen using top layer. (Closed)
Base URL: https://chromium.googlesource.com/chromium/src.git@master