summaryrefslogtreecommitdiffstats
path: root/third_party/WebKit/LayoutTests/fast/repaint/paged-with-overflowing-block-rl.html
blob: a0d760fc5ebbadeec47a5e8a51520de05b19de14 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<!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>