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
44 lines
1.0 KiB
HTML
44 lines
1.0 KiB
HTML
<!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>
|