third_party/WebKit/LayoutTests/paint/invalidation/spv2/multicol-relpos-with-abspos.html

   1 <!-- Based on fast/repaint/multicol-relpos-with-abspos.html -->
   2 <!DOCTYPE html>
   3 <script src="resources/paint-invalidation-test.js"></script>
   4 <script>
   5     onload = runPaintInvalidationTest;
   6     window.expectedPaintInvalidationObjects = [
   7         "LayoutBlockFlow (positioned) DIV id='target'",
   8     ];
   9     function paintInvalidationTest() {
  10         var target = document.getElementById('target');
  11         target.style.visibility = 'visible';
  12     }
  13 </script>
  14 <div style="position:relative; -webkit-columns:4; -webkit-column-gap:10px; width:630px; height:40px; column-fill:auto;">
  15     <div id="target" style="position:absolute; width:20px; height:20px; right:0; bottom:0; visibility:hidden; background:green;"></div>
  16 </div>
  17 <p>A green rectangle should be seen above.</p>