| OLD | NEW |
| 1 <style> | 1 <style> |
| 2 #target { width: 50px; height: 50px; background-color: red; margin: 10px; } | 2 #target { width: 50px; height: 50px; background-color: red; margin: 10px; } |
| 3 #target:hover { background-color: green; } | 3 #target:hover { background-color: green; } |
| 4 </style> | 4 </style> |
| 5 <p> | 5 <p> |
| 6 Test for <i><a href="https://bugs.webkit.org/show_bug.cgi?id=44730">https://
bugs.webkit.org/show_bug.cgi?id=44730</a> | 6 Test for <i><a href="https://bugs.webkit.org/show_bug.cgi?id=44730">https://
bugs.webkit.org/show_bug.cgi?id=44730</a> |
| 7 Floats inside of multicol fail to hit test</i>. | 7 Floats inside of multicol fail to hit test</i>. |
| 8 </p> | 8 </p> |
| 9 <p> | 9 <p> |
| 10 The red square should turn green when hovered. | 10 The red square should turn green when hovered. |
| 11 </p> | 11 </p> |
| 12 <div style="margin: 100; width: 300; height: 200; outline: solid black; -webkit-
columns: 2;"> | 12 <div style="-webkit-columns:2; columns:2; column-fill:auto; margin: 100; width:
300; height: 200; outline: solid black;"> |
| 13 <div> | 13 <div> |
| 14 <div style="height: 250px; background-color: purple;"></div> | 14 <div style="height: 250px; background-color: purple;"></div> |
| 15 <div style="float: right; background-color: lightyellow; margin: 5px;"> | 15 <div style="float: right; background-color: lightyellow; margin: 5px;"> |
| 16 <div id="target"></div> | 16 <div id="target"></div> |
| 17 </div> | 17 </div> |
| 18 </div> | 18 </div> |
| 19 </div> | 19 </div> |
| 20 <div id="result">FAIL: Test did not run.</div> | 20 <div id="result">FAIL: Test did not run.</div> |
| 21 <script> | 21 <script> |
| 22 if (window.testRunner) | 22 if (window.testRunner) |
| 23 testRunner.dumpAsText(); | 23 testRunner.dumpAsText(); |
| 24 | 24 |
| 25 var result = document.getElementById("result"); | 25 var result = document.getElementById("result"); |
| 26 var hitElement = document.elementFromPoint(370, 250); | 26 var hitElement = document.elementFromPoint(370, 250); |
| 27 if (hitElement === document.getElementById("target")) | 27 if (hitElement === document.getElementById("target")) |
| 28 result.innerText = "PASS"; | 28 result.innerText = "PASS"; |
| 29 else | 29 else |
| 30 result.innerText = "FAIL: Hit " + hitElement; | 30 result.innerText = "FAIL: Hit " + hitElement; |
| 31 </script> | 31 </script> |
| OLD | NEW |