| OLD | NEW | 
|   1 <!DOCTYPE html> |   1 <!DOCTYPE html> | 
|   2 <script src="resources/text-based-repaint.js"></script> |   2 <script src="resources/text-based-repaint.js"></script> | 
|   3 <script> |   3 <script> | 
|   4     if (window.internals) { |   4     if (window.internals) | 
|   5         internals.settings.setRegionBasedColumnsEnabled(true); |  | 
|   6         onload = runRepaintTest; |   5         onload = runRepaintTest; | 
|   7     } else { |   6     else | 
|   8         onclick = repaintTest; |   7         onclick = repaintTest; | 
|   9     } |  | 
|  10     function repaintTest() { |   8     function repaintTest() { | 
|  11         var target = document.getElementById('target'); |   9         var target = document.getElementById('target'); | 
|  12         target.style.visibility = 'visible'; |  10         target.style.visibility = 'visible'; | 
|  13     } |  11     } | 
|  14 </script> |  12 </script> | 
|  15 <div style="position:relative; -webkit-columns:4; -webkit-column-gap:10px; width
    :630px; height:40px; column-fill:auto;"> |  13 <div style="position:relative; -webkit-columns:4; -webkit-column-gap:10px; width
    :630px; height:40px; column-fill:auto;"> | 
|  16     <div id="target" style="position:absolute; width:20px; height:20px; right:0;
     bottom:0; visibility:hidden; background:green;"></div> |  14     <div id="target" style="position:absolute; width:20px; height:20px; right:0;
     bottom:0; visibility:hidden; background:green;"></div> | 
|  17 </div> |  15 </div> | 
|  18 <p>A green square should be seen above (if tested manually, you need to click fi
    rst).</p> |  16 <p>A green square should be seen above (if tested manually, you need to click fi
    rst).</p> | 
| OLD | NEW |