WebKit export of https://bugs.webkit.org/show_bug.cgi?id=249404 (#37532)

Stop adjusting position to absolute for root element in fullscreen https://commits.webkit.org/257946@main
web-platform-tests · Dec 15, 2022 · 899946f · 899946f
1 parent e5d1873
commit 899946f
Show file tree

Hide file tree

Showing 2 changed files with 65 additions and 0 deletions.
diff --git a/fullscreen/rendering/fullscreen-root-fills-page-ref.html b/fullscreen/rendering/fullscreen-root-fills-page-ref.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <style>
+        html, body {
+            width: 100%;
+            height: 100%;
+            margin: 0;
+            padding: 0;
+        }
+
+        body {
+            background-color: green;
+        }
+    </style>
+</head>
+<body></body>
+</html>
diff --git a/fullscreen/rendering/fullscreen-root-fills-page.html b/fullscreen/rendering/fullscreen-root-fills-page.html
@@ -0,0 +1,47 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+    <link rel="author" href="https://github.com/nt1m">
+    <link rel="match" href="fullscreen-root-fills-page-ref.html">
+    <style>
+        html {
+            background-color: red;
+            height: 100%;
+            overflow: hidden;
+
+            /* These should be no-op */
+            top: 200px;
+            left: 200px;
+            right: 200px;
+            bottom: 200px;
+        }
+
+        html, body {
+            margin: 0;
+            padding: 0;
+        }
+
+        body, #cover {
+            height: 100%;
+            width: 100%;
+        }
+
+        #cover {
+            background-color: green;
+        }
+    </style>
+</head>
+
+<body>
+    <div id="cover"></div>
+    <script src="/resources/testdriver.js"></script>
+    <script src="/resources/testdriver-vendor.js"></script>
+    <script>
+        document.addEventListener("fullscreenchange", () => {
+            document.documentElement.classList.remove("reftest-wait");
+        });
+        test_driver.bless("fullscreen")
+            .then(() => document.documentElement.requestFullscreen())
+    </script>
+</body>
+</html>