blob: a964927b239024fee5af7c8a79a798cdd481ea34 [file] [log] [blame]
<!DOCTYPE html>
<script src="../resources/run-after-layout-and-paint.js"></script>
.box {
display: inline-block;
position: relative;
width: 200px;
height: 200px;
overflow: auto;
will-change: transform;
#space1 {
width: 300px;
height: 300px;
#space2 {
width: 800px;
height: 800px;
This test verifies that composited scrollbars update correctly when removed and
reinserted with a different content size.<br><br>
It passes if both boxes have identical scrollbars.<br><br>
<div class="box">
<div id="space1"></div>
<div class="box">
<div id="space2"></div>
if (window.testRunner)
runAfterLayoutAndPaint(function() {
var space = document.querySelector("#space1"); = "0"; = "0";
// Force layout (but not compositing update).
// Scrollbars are destroyed.
space.clientWidth; = "800px"; = "800px";
if (window.testRunner)