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 |