blob: b5a6885a4fe130397d46adde251240ec4da902f3 [file] [log] [blame]
<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>