<!DOCTYPE html>
<script src="../resources/text-based-repaint.js"></script>
<script>
function repaintTest() {
clip.style.height = '300px';
}
onload = runRepaintAndPixelTest;
</script>
<div id="clip" style="width: 100px; height: 100px; overflow: hidden">
<!-- These two divs isolate layout of |target| from |clip|, so that we won't
layout |target| on |clip|'s height change. -->
<div style="width: 300px; height: 300px; overflow: hidden">
<div style="width: 300px; height: 300px; overflow: hidden">
<div id="target" style="width: 100px; height: 200px; overflow: scroll">
<div style="width: 400px; height: 400px"></div>
</div>
</div>
</div>
</div>