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, false); | |
esprehn
2015/10/09 10:33:59
ditto
dsinclair
2015/10/13 15:50:43
Done.
| |
36 goFullscreen(); | |
37 } | |
38 document.addEventListener("keypress", thunk, false); | |
esprehn
2015/10/09 10:33:59
false is the default for addEventListener, you don
dsinclair
2015/10/13 15:50:43
Done.
| |
39 if (window.eventSender) | |
40 eventSender.keyDown(" ", []); | |
41 | |
42 testRunner.notifyDone(); | |
43 } | |
44 </script> | |
OLD | NEW |