<!DOCTYPE html>
<div style="writing-mode: vertical-rl;">
<div id="scrollable" style="width: 100px; overflow: hidden;">
<div style="height: 100px; width: 100px; background-color: silver;"></div>
<div id="target" style="height: 100px; width: 100px; background-color: blue;"></div>
</div>
</div>
<p id="result">
FAIL: Test did not run.
</p>
<script>
if (window.testRunner)
testRunner.dumpAsText();
var scrollable = document.getElementById("scrollable");
scrollable.scrollLeft = 40;
var target = document.getElementById("target");
var hitContainer = document.caretRangeFromPoint(58, 100).startContainer;
document.getElementById("result").innerText = hitContainer === target ? "PASS" : "FAIL";
</script>