| OLD | NEW |
| (Empty) |
| 1 <!DOCTYPE html> | |
| 2 <div id="target" style=" | |
| 3 outline: dashed lightblue; | |
| 4 width: 400px; | |
| 5 -webkit-columns: 2; | |
| 6 -webkit-column-gap: 0; | |
| 7 columns: 2; | |
| 8 column-gap: 0; | |
| 9 column-fill: auto; | |
| 10 height: 90px; | |
| 11 font: 20px Ahem; | |
| 12 ">Lorem ipsum dolor sit amet consectetur elit.</div> | |
| 13 <p id="result"> | |
| 14 FAIL: Test did not run. | |
| 15 </p> | |
| 16 <script> | |
| 17 if (window.testRunner) | |
| 18 testRunner.dumpAsText(); | |
| 19 | |
| 20 // Clicking below the last line in the first column should not select anythi
ng from the first | |
| 21 // line on the second column. | |
| 22 var target = document.getElementById("target"); | |
| 23 var hitOffset = document.caretRangeFromPoint(target.offsetLeft + 45, target.
offsetTop + 87).startOffset; | |
| 24 document.getElementById("result").innerText = hitOffset === 26 || hitOffset
=== 24 ? "PASS" : "FAIL: hit offset " + hitOffset + "."; | |
| 25 </script> | |
| OLD | NEW |