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> |