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 |