OLD | NEW |
(Empty) | |
| 1 <!DOCTYPE html> |
| 2 |
| 3 <style> |
| 4 body { margin:0; } |
| 5 #target { transform:translateZ(0); background:yellow; } |
| 6 #target:hover { background:green; } |
| 7 </style> |
| 8 |
| 9 <div id="mc" style="-webkit-columns:2; -webkit-column-gap:0; column-fill:auto; w
idth:400px; height:200px;"> |
| 10 <div style="height:220px;"></div> |
| 11 <div id="target" style="width:100px; height:100px;"></div> |
| 12 </div> |
| 13 |
| 14 <div id="result"></div> |
| 15 |
| 16 <script> |
| 17 if (window.testRunner) |
| 18 testRunner.dumpAsText(); |
| 19 |
| 20 var result = document.getElementById("result"); |
| 21 var hitElement = document.elementFromPoint(250, 50); |
| 22 if (hitElement === document.getElementById("target")) |
| 23 result.innerText = "PASS"; |
| 24 else |
| 25 result.innerText = "FAIL: Hit " + hitElement; |
| 26 </script> |
OLD | NEW |