Status: PASS | Duration: 54ms | Subtests: 1/1 | Open test on wpt.live | wpt.fyi
/css/css-overflow/scrollable-overflow-vertical-rl-dynamic.html
<!DOCTYPE html> <link rel="help" href="https://drafts.csswg.org/css-overflow/#scrollbar-layout"> <script src="/resources/testharness.js"></script> <script src="/resources/testharnessreport.js"></script> <div id="container" style="width:600px; height:400px; writing-mode:vertical-rl; overflow:auto;"> <div id="target" style="width:1000px; height:500px; background:lime;"></div> </div> <script> promise_test(async () => { await new Promise(resolve => requestAnimationFrame(resolve)); await new Promise(resolve => requestAnimationFrame(resolve)); // Remove the vertical scrollbar. document.querySelector('#target').style.height = '200px'; assert_equals(document.querySelector('#container').scrollLeft, 0); }, 'Removing the vertical scrollbar of a vertical-rl container should keep scrollLeft'); </script>