Source code
Revision control
Copy as Markdown
Other Tools
Test Info:
- Manifest: gfx/layers/apz/test/reftest/reftest.list
<!DOCTYPE html>
<html class="reftest-wait reftest-no-flush">
<style>
#outer {
position: absolute;
overflow: scroll;
width: 50vw;
height: 90vh;
border: 1px solid black;
scrollbar-width: none;
}
#inner {
overflow-y: hidden;
width: 100%;
}
.spacer {
width: 60vw;
height: 5000px;
background-color: blue;
}
</style>
<div id="outer">
<div id="inner">
<div class="spacer"></div>
</div>
</div>
<script>
document.addEventListener('MozReftestInvalidate', async () => {
outer.style.width = "90vw";
await new Promise(resolve => requestAnimationFrame(resolve));
await new Promise(resolve => requestAnimationFrame(resolve));
const scrollEndPromise = new Promise(resolve => outer.addEventListener("scrollend", resolve));
outer.scrollBy({ top: 5000, behavior: "smooth" });
await scrollEndPromise;
document.documentElement.classList.remove('reftest-wait');
}, false);
</script>
</html>