third_party/WebKit/LayoutTests/fast/repaint/multicol-relpos-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 <div style="position:relative; -webkit-columns:4; -webkit-column-gap:10px; width:630px; height:40px; column-fill:auto;">
  14     <div id="target" style="position:absolute; width:20px; height:20px; right:0; bottom:0; visibility:hidden; background:green;"></div>
  15 </div>
  16 <p>A green square should be seen above (if tested manually, you need to click first).</p>