OLD | NEW |
| (Empty) |
1 <style> | |
2 #target { width: 50px; height: 50px; background-color: green; margin: 10px;
} | |
3 </style> | |
4 <p> | |
5 Test for hit-testing of floats inside CSS Regions. | |
6 </p> | |
7 <div style="position:relative; margin: 100px; width: 300px; height: 200px; outli
ne: solid black;"> | |
8 <div style="position:absolute;left:0;top:0; -webkit-flow-from: flow; width:1
50px;height:200px;"></div> | |
9 <div style="position:absolute;left:150px;top:0; -webkit-flow-from: flow; wid
th:150px;height:200px"></div> | |
10 <div style="-webkit-flow-into: flow"> | |
11 <div style="height: 250px; background-color: purple;"></div> | |
12 <div style="float: right; background-color: lightyellow; margin: 5px;"> | |
13 <div id="target"></div> | |
14 </div> | |
15 </div> | |
16 </div> | |
17 <div id="result">FAIL: Test did not run.</div> | |
18 <script> | |
19 if (window.testRunner) | |
20 testRunner.dumpAsText(); | |
21 | |
22 var result = document.getElementById("result"); | |
23 var hitElement = document.elementFromPoint(370, 230); | |
24 if (hitElement === document.getElementById("target")) | |
25 result.innerText = "PASS"; | |
26 else | |
27 result.innerText = "FAIL: Hit " + hitElement; | |
28 </script> | |
OLD | NEW |