| <!DOCTYPE html> |
| <div id="target" style=" |
| outline: dashed lightblue; |
| width: 400px; |
| -webkit-columns: 2; |
| -webkit-column-gap: 0; |
| -webkit-column-fill: auto; |
| columns: 2; |
| column-gap: 0; |
| column-fill: auto; |
| height: 90px; |
| font: 20px ahem; |
| ">Lorem ipsum dolor sit amet consectetur elit.</div> |
| <p id="result"> |
| FAIL: Test did not run. |
| </p> |
| <script> |
| if (window.testRunner) |
| testRunner.dumpAsText(); |
| |
| // Clicking below the last line in the first column should not select anything from the first |
| // line on the second column. |
| var target = document.getElementById("target"); |
| var hitOffset = document.caretRangeFromPoint(target.offsetLeft + 45, target.offsetTop + 87).startOffset; |
| document.getElementById("result").innerText = hitOffset === 26 || hitOffset === 24 ? "PASS" : "FAIL: hit offset " + hitOffset + "."; |
| </script> |
