OLD | NEW |
---|---|
(Empty) | |
1 <!doctype html> | |
2 <style> | |
3 div { | |
4 top: 100px; | |
5 bottom: 100px; | |
6 left: 100px; | |
7 right: 100px; | |
8 height: auto; | |
9 width: auto; | |
10 } | |
11 ::backdrop { | |
12 background: green; | |
13 } | |
14 </style> | |
15 | |
16 <div id='element'>Test that fullscreen elements are in the top layer. The test p asses if you see a green backdrop behind this box when fullscreen.</div> | |
17 | |
18 <button id='button'>Go fullscreen</button> | |
19 | |
20 <script> | |
21 var element = document.getElementById('elem'); | |
philipj_slow
2015/09/29 08:05:22
This looks strange, there is no element with id 'e
dsinclair
2015/10/01 14:50:13
Done.
| |
22 document.getElementById('button').addEventListener('click', function() { | |
23 element.webkitRequestFullscreen(); | |
24 }); | |
25 | |
26 if (window.testRunner) { | |
27 testRunner.waitUntilDone(); | |
28 document.addEventListener('webkitfullscreenchange', function() { | |
29 testRunner.notifyDone(); | |
30 }); | |
31 | |
32 var button = document.getElementById('button'); | |
33 eventSender.mouseMoveTo(button.offsetLeft + button.offsetWidth / 2, button.o ffsetTop + button.offsetHeight / 2); | |
34 eventSender.mouseDown(); | |
35 eventSender.mouseUp(); | |
36 } | |
37 </script> | |
OLD | NEW |