OLD | NEW |
1 <style> | 1 <style> |
2 #target { background-color: red; } | 2 #target { background-color: red; } |
3 #target:hover { background-color: green; } | 3 #target:hover { background-color: green; } |
4 </style> | 4 </style> |
5 <div style="margin: 100px 0 0 92px; -webkit-writing-mode: horizontal-bt; height:
100px; width: 100px;"> | 5 <div style="margin: 92px 100px 0 100px; writing-mode: vertical-rl; height: 100px
; width: 100px;"> |
6 <div style="height: 100px;"></div> | 6 <div style="width: 100px;"></div> |
7 <div id="target" style="height: 50px;"></div> | 7 <div id="target" style="width: 50px;"></div> |
8 </div> | 8 </div> |
9 <p> | 9 <p> |
10 This tests hit-testing in the overflow area of flipped-blocks writing mode | 10 This tests hit-testing in the overflow area of flipped-blocks writing mode |
11 blocks. | 11 blocks. |
12 </p> | 12 </p> |
13 <p> | 13 <p> |
14 The red rectangle should turn green when you hover over it. | 14 The red rectangle should turn green when you hover over it. |
15 </p> | 15 </p> |
16 <p id="result"> | 16 <p id="result"> |
17 </p> | 17 </p> |
18 <script> | 18 <script> |
19 var target = document.getElementById("target"); | 19 var target = document.getElementById("target"); |
20 var result = document.elementFromPoint(150, 75); | 20 var result = document.elementFromPoint(75, 150); |
21 if (window.testRunner) | 21 if (window.testRunner) |
22 testRunner.dumpAsText(); | 22 testRunner.dumpAsText(); |
23 | 23 |
24 document.getElementById("result").innerText = result === target ? "PASS" : "
FAIL"; | 24 document.getElementById("result").innerText = result === target ? "PASS" : "
FAIL"; |
25 </script> | 25 </script> |
OLD | NEW |