| <!DOCTYPE html> |
| |
| <style> |
| body { margin:0; } |
| #target { transform:translateZ(0); background:yellow; } |
| #target:hover { background:green; } |
| </style> |
| |
| <div id="mc" style="-webkit-columns:2; -webkit-column-gap:0; column-fill:auto; width:400px; height:200px;"> |
| <div style="height:220px;"></div> |
| <div id="target" style="width:100px; height:100px;"></div> |
| </div> |
| |
| <div id="result"></div> |
| |
| <script> |
| if (window.testRunner) |
| testRunner.dumpAsText(); |
| |
| var result = document.getElementById("result"); |
| var hitElement = document.elementFromPoint(250, 50); |
| if (hitElement === document.getElementById("target")) |
| result.innerText = "PASS"; |
| else |
| result.innerText = "FAIL: Hit " + hitElement; |
| </script> |
