| OLD | NEW |
| (Empty) |
| 1 <!DOCTYPE html> | |
| 2 <p id="result"> | |
| 3 FAIL: Test did not run. | |
| 4 </p> | |
| 5 <div id="target" style=" | |
| 6 outline: dashed lightblue; | |
| 7 width: 200px; | |
| 8 -webkit-column-axis: vertical; | |
| 9 -webkit-column-gap: 100px; | |
| 10 height: 90px; | |
| 11 font: 20px ahem; | |
| 12 color: rgba(0, 0, 0, 0.5); | |
| 13 ">Lorem ipsum dolor sit amet consectetur elit.</div> | |
| 14 <script> | |
| 15 if (window.testRunner) | |
| 16 testRunner.dumpAsText(); | |
| 17 | |
| 18 // Clicking in the gap after the first column should not select anything fro
m the second column. | |
| 19 var target = document.getElementById("target"); | |
| 20 var hitOffset = document.caretRangeFromPoint(target.offsetLeft + 45, target.
offsetTop + 115).startOffset; | |
| 21 document.getElementById("result").innerText = hitOffset === 26 || hitOffset
=== 24 ? "PASS" : "FAIL: hit offset " + hitOffset + "."; | |
| 22 </script> | |
| OLD | NEW |