third_party/WebKit/LayoutTests/fast/repaint/layout-state-scrolloffset2.html

   1 <!DOCTYPE html>
   2 <html>
   3 <script src="resources/text-based-repaint.js"></script>
   4 <body onload="runRepaintTest()">
   5   You should see the text 'after' in the inner box, no mangled pixels.
   6   <div id="parent1" style="position:absolute; width:300px; height:300px; overflow:hidden; border: solid 1px yellow">
   7     <div id="parent2" style="position:absolute; width:300px; height:300px; overflow:hidden; border: solid 1px red">
   8       <div style="position:absolute; width:100px; height:100px; left:100px; top:100px; border:solid 1px green; overflow:hidden">
   9         <div id="target" style="width:50px; height:50px">before</div>
  10       </div>
  11       <div style="width:1000px; height:1000px;"></div>
  12     </div>
  13   </div>
  14 </body>
  15 <script>
  16   parent1 = document.getElementById('parent1');
  17   parent1.scrollTop = 7;
  18   parent1.scrollLeft = 7;
  19
  20   parent2 = document.getElementById('parent2');
  21   parent2.scrollTop = 7;
  22   parent2.scrollLeft = 7;
  23
  24   function repaintTest() {
  25     document.getElementById('target').innerText = 'after'
  26   }
  27 </script>
  28 </html>