| OLD | NEW | 
|---|
| (Empty) |  | 
|  | 1 <!DOCTYPE html> | 
|  | 2 <script src="resources/text-based-repaint.js"></script> | 
|  | 3 <script> | 
|  | 4     if (window.internals) { | 
|  | 5         internals.settings.setRegionBasedColumnsEnabled(true); | 
|  | 6         onload = runRepaintTest; | 
|  | 7     } else { | 
|  | 8         onclick = repaintTest; | 
|  | 9     } | 
|  | 10     function repaintTest() { | 
|  | 11         document.getElementById('elm').style.background = 'green'; | 
|  | 12     } | 
|  | 13 </script> | 
|  | 14 <div id="container" style="overflow:-webkit-paged-x; -webkit-column-gap:0; width
    :500px; height:500px; -webkit-writing-mode:vertical-rl;"> | 
|  | 15     <div style="width:100px;"> | 
|  | 16         <div id="elm" style="width:1000px; background:yellow;"></div> | 
|  | 17     </div> | 
|  | 18 </div> | 
|  | 19 <script> | 
|  | 20         document.getElementById("container").scrollLeft = 0; | 
|  | 21 </script> | 
|  | 22 <p>Test changing the background color of a big block that overflows the flow thr
    ead.</p> | 
|  | 23 <p>A green square with a horizontal scrollbar should be seen above (if tested ma
    nually, you need to click first).</p> | 
| OLD | NEW | 
|---|