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

   1 <!DOCTYPE html>
   2 <html>
   3 <body>
   4   You should see the text 'after' in the inner box, no mangled pixels.
   5   <div id="parent1" style="position:absolute; width:300px; height:300px; overflow:hidden; border: solid 1px yellow">
   6     <div id="parent2" 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>
   9       </div>
  10       <div style="width:1000px; height:1000px;"></div>
  11     </div>
  12   </div>
  13 </body>
  14 <script>
  15   parent1 = document.getElementById('parent1');
  16   parent1.scrollTop = 7;
  17   parent1.scrollLeft = 7;
  18
  19   parent2 = document.getElementById('parent2');
  20   parent2.scrollTop = 7;
  21   parent2.scrollLeft = 7;
  22
  23   if (window.testRunner)
  24     testRunner.waitUntilDone();
  25
  26   window.setTimeout(function() {
  27     if (window.testRunner)
  28       testRunner.display();
  29
  30     document.getElementById('target').innerText = 'after'
  31
  32     if (window.testRunner)
  33       testRunner.notifyDone();
  34   }, 50);
  35 </script>
  36 </html>