| <!DOCTYPE html> |
| <script src="resources/text-based-repaint.js"></script> |
| <script> |
| if (window.internals) |
| onload = runRepaintTest; |
| else |
| onclick = repaintTest; |
| function repaintTest() { |
| document.getElementById('elm').style.background = 'green'; |
| } |
| </script> |
| <div id="container" style="overflow:-webkit-paged-x; -webkit-column-gap:0; width:500px; height:500px; -webkit-writing-mode:vertical-rl;"> |
| <div style="width:100px;"> |
| <div id="elm" style="width:1000px; background:yellow;"></div> |
| </div> |
| </div> |
| <script> |
| document.getElementById("container").scrollLeft = 0; |
| </script> |
| <p>Test changing the background color of a big block that overflows the flow thread.</p> |
| <p>A green square with a horizontal scrollbar should be seen above (if tested manually, you need to click first).</p> |