third_party/WebKit/LayoutTests/fast/repaint/multicol-with-relpos.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 <div style="-webkit-columns:4; -webkit-column-gap:10px; column-fill:auto; width:630px; height:40px; font:20px/1 ahem; color:green;">
  14     <br>
  15     <br>
  16     <br>
  17     <br>
  18     <br>
  19     <br>
  20     <div id="target" style="position:relative; left:20px; top:20px; height:20px; visibility:hidden; background:green;"></div>
  21 </div>
  22 <p>A green rectangle should be seen above (if tested manually, you need to click first).</p>