<!DOCTYPE html>
<p id="result">
    FAIL: Test did not run.
</p>
<div id="target" style="
    outline: dashed lightblue;
    width: 200px;
    -webkit-column-axis: vertical;
    -webkit-column-gap: 100px;
    height: 90px;
    font: 20px ahem;
    color: rgba(0, 0, 0, 0.5);
">Lorem ipsum dolor sit amet consectetur elit.</div>
<script>
    if (window.testRunner)
        testRunner.dumpAsText();

    // Clicking in the gap after the first column should not select anything from the second column.
    var target = document.getElementById("target");
    var hitOffset = document.caretRangeFromPoint(target.offsetLeft + 45, target.offsetTop + 115).startOffset;
    document.getElementById("result").innerText = hitOffset === 26 || hitOffset === 24 ? "PASS" : "FAIL: hit offset " + hitOffset + ".";
</script>
