| Index: LayoutTests/fullscreen/full-screen-is-in-top-layer.html
|
| diff --git a/LayoutTests/fullscreen/full-screen-is-in-top-layer.html b/LayoutTests/fullscreen/full-screen-is-in-top-layer.html
|
| new file mode 100644
|
| index 0000000000000000000000000000000000000000..e1b1df8a129e07e943d311feabcc5fd80608a14e
|
| --- /dev/null
|
| +++ b/LayoutTests/fullscreen/full-screen-is-in-top-layer.html
|
| @@ -0,0 +1,38 @@
|
| +<!doctype html>
|
| +<html>
|
| +<head>
|
| +<style>
|
| +div {
|
| + top: 100px;
|
| + bottom: 100px;
|
| + left: 100px;
|
| + right: 100px;
|
| + height: auto;
|
| + width: auto;
|
| +}
|
| +::backdrop {
|
| + background: green;
|
| +}
|
| +</style>
|
| +</head>
|
| +<body>
|
| +<div>Test that fullscreen elements are in the top layer. The test passes if you see a green backdrop behind this box when fullscreen.</div>
|
| +<button>Go fullscreen</button>
|
| +<script>
|
| +div = document.querySelector('div');
|
| +document.querySelector('button').addEventListener('click', function() {
|
| + div.webkitRequestFullscreen();
|
| +});
|
| +if (window.testRunner) {
|
| + testRunner.waitUntilDone();
|
| + document.addEventListener('webkitfullscreenchange', function() {
|
| + setTimeout(function() {
|
| + testRunner.notifyDone();
|
| + }, 0);
|
| + });
|
| + document.addEventListener('keydown', function() { div.webkitRequestFullscreen(); });
|
| + eventSender.keyDown('a');
|
| +}
|
| +</script>
|
| +</body>
|
| +</html>
|
|
|