| OLD | NEW |
| (Empty) |
| 1 <!doctype html> | |
| 2 <html> | |
| 3 <head> | |
| 4 <style> | |
| 5 #region { -webkit-flow-from: flow; position: absolute; top: 120px; l
eft: 120px; width: 50px; height: 50px; border: 50px solid blue; background-color
: salmon; overflow: hidden; } | |
| 6 #region:hover { border: 50px solid green; } | |
| 7 </style> | |
| 8 </head> | |
| 9 <body> | |
| 10 <p>Test that hit-testing of out-of-flow regions with overflow: hidden wo
rks properly</p> | |
| 11 <p>To manually test, move the mouse over the blue border. It should chan
ge its color to green.</p> | |
| 12 <div id="result"></div> | |
| 13 <div id="region"></div> | |
| 14 <script> | |
| 15 if (window.testRunner) | |
| 16 window.testRunner.dumpAsText(); | |
| 17 var result = document.getElementById("result"); | |
| 18 | |
| 19 // Find a point inside the region's border. | |
| 20 var hitElement = document.elementFromPoint(150, 150); | |
| 21 if (hitElement == document.getElementById("region")) | |
| 22 result.innerText = "PASS"; | |
| 23 else | |
| 24 result.innerText = "FAIL: hit " + hitElement; | |
| 25 </script> | |
| 26 </body> | |
| 27 </html> | |
| OLD | NEW |