| 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 |