summaryrefslogtreecommitdiffstats
path: root/third_party/WebKit/LayoutTests/fast/writing-mode/flipped-blocks-hit-test-overflow.html
blob: b5a6885a4fe130397d46adde251240ec4da902f3 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
<style>
    #target { background-color: red; }
    #target:hover { background-color: green; }
</style>
<div style="margin: 92px 100px 0 100px; writing-mode: vertical-rl; height: 100px; width: 100px;">
    <div style="width: 100px;"></div>
    <div id="target" style="width: 50px;"></div>
</div>
<p>
    This tests hit-testing in the overflow area of flipped-blocks writing mode
    blocks.
</p>
<p>
    The red rectangle should turn green when you hover over it.
</p>
<p id="result">
</p>
<script>
    var target = document.getElementById("target");
    var result = document.elementFromPoint(75, 150);
    if (window.testRunner)
        testRunner.dumpAsText();

    document.getElementById("result").innerText = result === target ? "PASS" : "FAIL";
</script>