3 <script src=
"resources/text-based-repaint.js"></script>
4 <body onload=
"runRepaintTest()">
5 You should see the text 'after' in the inner box with no mangled pixels.
6 <div id=
"parent" style=
"position:absolute; width:300px; height:300px; overflow:hidden; border: solid 1px red">
7 <div style=
"position:absolute; width:100px; height:100px; left:100px; top:100px; border:solid 1px green; overflow:hidden">
8 <div id=
"target" style=
"width:50px; height:50px">before
</div>
10 <div style=
"width:1000px; height:1000px;"></div>
14 parent
= document
.getElementById('parent');
15 parent
.scrollTop
= 10;
16 parent
.scrollLeft
= 10;
18 function repaintTest() {
19 document
.getElementById('target').innerText
= 'after';