Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(263)

Side by Side Diff: third_party/WebKit/LayoutTests/fullscreen/full-screen-is-in-top-layer.html

Issue 1363023005: Implement FullScreen using top layer. (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: Created 5 years, 2 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch
OLDNEW
(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('element');
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>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698