| OLD | NEW |
| 1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
| 2 <div style="-webkit-writing-mode: horizontal-bt;"> | 2 <div style="writing-mode: vertical-rl;"> |
| 3 <div id="scrollable" style="height: 100px; overflow: hidden;"> | 3 <div id="scrollable" style="width: 100px; overflow: hidden;"> |
| 4 <div style="height: 100px; width: 100px; background-color: silver;"></di
v> | 4 <div style="height: 100px; width: 100px; background-color: silver;"></di
v> |
| 5 <div id="target" style="height: 100px; width: 100px; background-color: b
lue;"></div> | 5 <div id="target" style="height: 100px; width: 100px; background-color: b
lue;"></div> |
| 6 </div> | 6 </div> |
| 7 </div> | 7 </div> |
| 8 <p id="result"> | 8 <p id="result"> |
| 9 FAIL: Test did not run. | 9 FAIL: Test did not run. |
| 10 </p> | 10 </p> |
| 11 <script> | 11 <script> |
| 12 if (window.testRunner) | 12 if (window.testRunner) |
| 13 testRunner.dumpAsText(); | 13 testRunner.dumpAsText(); |
| 14 | 14 |
| 15 var scrollable = document.getElementById("scrollable"); | 15 var scrollable = document.getElementById("scrollable"); |
| 16 scrollable.scrollTop = 40; | 16 scrollable.scrollLeft = 40; |
| 17 var target = document.getElementById("target"); | 17 var target = document.getElementById("target"); |
| 18 var hitContainer = document.caretRangeFromPoint(208, 58).startContainer; | 18 var hitContainer = document.caretRangeFromPoint(58, 100).startContainer; |
| 19 document.getElementById("result").innerText = hitContainer === target ? "PAS
S" : "FAIL"; | 19 document.getElementById("result").innerText = hitContainer === target ? "PAS
S" : "FAIL"; |
| 20 </script> | 20 </script> |
| OLD | NEW |