third_party/WebKit/LayoutTests/compositing/squashing/repaint-overflow-scrolled-squashed-content.html

   1 <!doctype html>
   2 <div style="position: absolute; overflow:scroll; width:200px; height:200px">
   3   <div id="foo2" style="height: 1000px; width: 150px;  background: lightblue; transform: translateZ(0) "></div>
   4   <div id="foo" style="height: 1000px; width: 100px; position: absolute; top: 0px; left: 0px; background: lightgray"></div>
   5 </div>
   6 <script src="../../fast/repaint/resources/text-based-repaint.js"></script>
   7 <script>
   8 // This test verifies that a repaint request for a squashed layer that is inside of a scrolling container and much taller
   9 // than the viewport does not receive an incorrect paint invalidation rect when it is invalidated. In particular, the invalidation
  10 // rect should not be clipped to the visible viewport.
  11
  12 function repaintTest() {
  13     document.querySelector("#foo").style.background = 'red';
  14 }
  15
  16 runRepaintTest();
  17 </script>