blob: 60793d0499451bb5bad3edd01bc80242391f6ee7 [file] [log] [blame]
<!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="-webkit-columns:3; -webkit-column-gap:0; column-fill:auto; width:500px; height:500px; -webkit-writing-mode:vertical-rl;">
<div style="width:100px;">
<div id="elm" style="width:1500px; background:yellow;"></div>
</div>
</div>
<p>Test changing the background color of a big block that overflows the flow thread.</p>
<p>A green square should be seen above (if tested manually, you need to click first).</p>