src/third_party/WebKit/LayoutTests/compositing/squashing/invalidations-with-large-negative-margin.html

   1 <!DOCTYPE html>
   2 <div style="height:200px;width:600px;overflow:scroll">
   3   <div style="position:relative">
   4     <div style="height:400px;margin-bottom:-400px;position:relative">
   5       <div id="chip" style="width:50px;height:50px;position:absolute;background:lightblue;margin:0"></div>
   6     </div>
   7   </div>
   8 </div>
   9
  10 <script src="../../fast/repaint/resources/text-based-repaint.js"></script>
  11 <script>
  12 // Test that moving a RenderLayer that is squashed relative to its squashing container repaints correctly.
  13 // In particular, the repaint rect needs to be recorded in the correct position relative to the squashing GraphicsLayer.
  14
  15 if (window.internals)
  16     window.internals.settings.setLayerSquashingEnabled(true);
  17
  18 function repaintTest()
  19 {
  20     document.getElementById('chip').style.left = "400px";
  21 }
  22
  23 runRepaintTest();
  24 </script>