commit 75df357a1ac12830baa33d1493cd89a02b840af5 parent 38d922d232b1e26bc245567d03b690562a800f78 Author: Perry <perryuwang@gmail.com> Date: Tue, 14 Oct 2025 22:24:04 +0000 Bug 1993205 [wpt PR 55292] - Adjust scrollbar length after adding or removing resize control, a=testonly Automatic update from web-platform-tests Adjust scrollbar length after adding or removing resize control When resizer style is changed, calling `PositionOverflowControls` to ensure that the scrollbar length is updated. Bug: 443018675 Change-Id: I3e3b665163b5f94339b0fb725e08f172053089d5 Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/7007871 Commit-Queue: Perry <perryuwang@gmail.com> Reviewed-by: Philip Rogers <pdr@chromium.org> Cr-Commit-Position: refs/heads/main@{#1526648} -- wpt-commits: 647ed840727dd73120dac16e8162ee1ace415b50 wpt-pr: 55292 Diffstat:
| A | testing/web-platform/tests/css/css-scrollbars/scrollbar-after-remove-resize-ref.html | | | 27 | +++++++++++++++++++++++++++ |
| A | testing/web-platform/tests/css/css-scrollbars/scrollbar-after-remove-resize.html | | | 43 | +++++++++++++++++++++++++++++++++++++++++++ |
2 files changed, 70 insertions(+), 0 deletions(-)
diff --git a/testing/web-platform/tests/css/css-scrollbars/scrollbar-after-remove-resize-ref.html b/testing/web-platform/tests/css/css-scrollbars/scrollbar-after-remove-resize-ref.html @@ -0,0 +1,27 @@ +<!doctype html> +<html> +<style> + #scroller { + width: 300px; + height: 300px; + overflow-y: scroll; + border: 1px solid black; + } + + #scroller::-webkit-scrollbar { + background: pink; + } + #scroller::-webkit-scrollbar-thumb { + background: orange; + } + + #content { + width: 100%; + height: 150%; + background: lightgray; + } +</style> + +<div id="scroller"> + <div id="content"></div> +</div> diff --git a/testing/web-platform/tests/css/css-scrollbars/scrollbar-after-remove-resize.html b/testing/web-platform/tests/css/css-scrollbars/scrollbar-after-remove-resize.html @@ -0,0 +1,43 @@ +<!doctype html> +<html class="reftest-wait"> +<title>Adjust scrollbar length after removing resize control</title> +<link rel="author" href="mailto:perryuwang@gmail.com"> +<link rel="help" href="https://issuetracker.google.com/issues/443018675" /> +<link rel="match" href="scrollbar-after-remove-resize-ref.html" /> +<script src="/common/reftest-wait.js"></script> +<style> + #scroller { + width: 300px; + height: 300px; + overflow-y: scroll; + border: 1px solid black; + resize: both; + } + + #scroller::-webkit-scrollbar { + background: pink; + } + #scroller::-webkit-scrollbar-thumb { + background: orange; + } + + #content { + width: 100%; + height: 150%; + background: lightgray; + } +</style> + +<div id="scroller"> + <div id="content"></div> +</div> + +<script> + requestAnimationFrame(() => requestAnimationFrame(() => { + const scroller = document.getElementById('scroller'); + scroller.style.resize = 'none'; + requestAnimationFrame(() => requestAnimationFrame(() => { + takeScreenshot(); + })); + })); +</script>