commit af5af6d71abd3d1a8bd3e08d0750244b4c218b82
parent 56524c69e429bf4651d9a5efb7111389c1f58030
Author: Vitor Roriz <v.r.roriz@gmail.com>
Date: Thu, 9 Oct 2025 20:37:47 +0000
Bug 1992320 [wpt PR 55199] - WebKit export of https://bugs.webkit.org/show_bug.cgi?id=299646, a=testonly
Automatic update from web-platform-tests
WebKit export of https://bugs.webkit.org/show_bug.cgi?id=299646 (#55199)
* WebKit export of https://bugs.webkit.org/show_bug.cgi?id=299646
* Update exit-fullscreen-scroll-to-unscrollable-area-overflow-x-hidden.html
--
wpt-commits: 185978d758d6816cb5d544fe2384c8ca085a31a3
wpt-pr: 55199
Diffstat:
4 files changed, 103 insertions(+), 0 deletions(-)
diff --git a/testing/web-platform/tests/fullscreen/rendering/exit-fullscreen-scroll-to-unscrollable-area-overflow-hidden-ref.html b/testing/web-platform/tests/fullscreen/rendering/exit-fullscreen-scroll-to-unscrollable-area-overflow-hidden-ref.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html>
+<body>
+<div class="container">
+ <div style="width: 2500px; height: 500px; background-color: green;"></div>
+ <button id="fullscreen-button" style="margin-top: 2px; border: 1px solid black; border-radius: 0; background-color: white;"> Request fullscreen!</button>
+ PASS if visually equal after exiting fullscreen (no scrolling has happened).
+</div>
+<style>
+.container { overflow: hidden; position: relative; }
+</style>
+</body>
+</html>
diff --git a/testing/web-platform/tests/fullscreen/rendering/exit-fullscreen-scroll-to-unscrollable-area-overflow-hidden.html b/testing/web-platform/tests/fullscreen/rendering/exit-fullscreen-scroll-to-unscrollable-area-overflow-hidden.html
@@ -0,0 +1,38 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+ <link rel="match" href="exit-fullscreen-scroll-to-unscrollable-area-overflow-hidden-ref.html">
+ <link rel="author" title="Vitor Roriz" href="https://github.com/vitorroriz">
+ <style>
+ .container { overflow: hidden; position: relative; }
+ .image { position: absolute; left: 100vw; }
+ </style>
+</head>
+
+<body>
+ <div class="container">
+ <div style="width: 2500px; height: 500px; background-color: green;"></div>
+ <button id="fullscreen-button" style="margin-top: 2px; border: 1px solid black; border-radius: 0; background-color: white;"> Request fullscreen!</button>
+ <img id="target" src="../../images/red.png" class="image">
+ PASS if visually equal after exiting fullscreen (no scrolling has happened).
+ </div>
+
+ <script src="/resources/testdriver.js"></script>
+ <script src="/resources/testdriver-vendor.js"></script>
+ <script>
+ const fullscreenButton = document.getElementById('fullscreen-button');
+ const image = document.getElementById('target');
+ fullscreenButton.onclick = () => { image.requestFullscreen(); }
+ document.onfullscreenchange = () => {
+ if (document.fullscreenElement) {
+ // entering fullscreen
+ document.exitFullscreen();
+ } else {
+ // exiting fullscreen
+ document.documentElement.classList.remove("reftest-wait");
+ }
+ };
+ test_driver.click(fullscreenButton);
+ </script>
+</body>
+</html>
diff --git a/testing/web-platform/tests/fullscreen/rendering/exit-fullscreen-scroll-to-unscrollable-area-overflow-x-hidden-ref.html b/testing/web-platform/tests/fullscreen/rendering/exit-fullscreen-scroll-to-unscrollable-area-overflow-x-hidden-ref.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html>
+<body>
+<div class="container">
+ <div style="width: 2500px; height: 500px; background-color: green;"></div>
+ <button id="fullscreen-button" style="margin-top: 2px; border: 1px solid black; border-radius: 0; background-color: white;"> Request fullscreen!</button>
+ PASS if visually equal after exiting fullscreen (no scrolling has happened).
+</div>
+<style>
+.container { overflow: hidden scroll; position: relative; scrollbar-width: none; }
+</style>
+</body>
+</html>
diff --git a/testing/web-platform/tests/fullscreen/rendering/exit-fullscreen-scroll-to-unscrollable-area-overflow-x-hidden.html b/testing/web-platform/tests/fullscreen/rendering/exit-fullscreen-scroll-to-unscrollable-area-overflow-x-hidden.html
@@ -0,0 +1,39 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<head>
+ <link rel="match" href="exit-fullscreen-scroll-to-unscrollable-area-overflow-x-hidden-ref.html">
+ <link rel="author" title="Vitor Roriz" href="https://github.com/vitorroriz">
+ <meta name="fuzzy" content="maxDifference=0-1; totalPixels=0-18" />
+ <style>
+ .container { overflow: hidden scroll; position: relative; scrollbar-width: none; }
+ .image { position: absolute; left: 100vw; }
+ </style>
+</head>
+
+<body>
+ <div class="container">
+ <div style="width: 2500px; height: 500px; background-color: green;"></div>
+ <button id="fullscreen-button" style="margin-top: 2px; border: 1px solid black; border-radius: 0; background-color: white;"> Request fullscreen!</button>
+ <img id="target" src="../../images/red.png" class="image">
+ PASS if visually equal after exiting fullscreen (no scrolling has happened).
+ </div>
+
+ <script src="/resources/testdriver.js"></script>
+ <script src="/resources/testdriver-vendor.js"></script>
+ <script>
+ const fullscreenButton = document.getElementById('fullscreen-button');
+ const image = document.getElementById('target');
+ fullscreenButton.onclick = () => { image.requestFullscreen(); }
+ document.onfullscreenchange = () => {
+ if (document.fullscreenElement) {
+ // entering fullscreen
+ document.exitFullscreen();
+ } else {
+ // exiting fullscreen
+ document.documentElement.classList.remove("reftest-wait");
+ }
+ };
+ test_driver.click(fullscreenButton);
+ </script>
+</body>
+</html>
