third_party/WebKit/LayoutTests/fast/repaint/multicol-with-abspos.html

   1 <!DOCTYPE html>
   2 <script src="resources/text-based-repaint.js"></script>
   3 <script>
   4     if (window.internals)
   5         onload = runRepaintTest;
   6     else
   7         onclick = repaintTest;
   8     function repaintTest() {
   9         var target = document.getElementById('target');
  10         target.style.visibility = 'visible';
  11     }
  12 </script>
  13 <p>A green rectangle should be seen below (if tested manually, you need to click first).</p>
  14 <div style="-webkit-columns:4; -webkit-column-gap:10px; column-fill:auto; width:630px; height:40px; font:20px/1 ahem; color:green;">
  15     <br>
  16     <br>
  17     <br>
  18     <br>
  19     <br>
  20     <br>
  21     <!-- This absolutely positioned box is not part of the flow thread, since the nearest
  22          non-statically positioned box is further up than that. -->
  23     <div id="target" style="position:absolute; left:0; bottom:0; visibility:hidden;">PASS</div>
  24 </div>