| OLD | NEW | 
|---|
|  | (Empty) | 
| 1 <style type="text/css"> |  | 
| 2 #content { -webkit-flow-into: article; } |  | 
| 3 .region{ |  | 
| 4     -webkit-flow-from: article; |  | 
| 5     width:200px; |  | 
| 6     height:500px; |  | 
| 7     float:left; |  | 
| 8     margin: 50px; |  | 
| 9 } |  | 
| 10 #target { width: 50px; height: 50px; background-color: red; margin: 10px; } |  | 
| 11 #target:hover { background-color: green; } |  | 
| 12 </style> |  | 
| 13 <p> |  | 
| 14     Test for <i><a href="https://bugs.webkit.org/show_bug.cgi?id=76456">https://
    bugs.webkit.org/show_bug.cgi?id=76456</a> |  | 
| 15     Inconsistent text selection behavior in regions</i>. |  | 
| 16 </p> |  | 
| 17 <p> |  | 
| 18     The red square should turn green when hovered. |  | 
| 19 </p> |  | 
| 20 <div id="region1" class="region"></div> |  | 
| 21 <div id="region2" class="region"></div> |  | 
| 22 |  | 
| 23 <div id="content" style="outline: solid black"> |  | 
| 24     <div> |  | 
| 25         <div style="height: 800px; background-color: purple;"></div> |  | 
| 26         <div style="float: right; background-color: lightyellow; margin: 5px;"> |  | 
| 27             <div id="target"></div> |  | 
| 28         </div> |  | 
| 29     </div> |  | 
| 30 </div> |  | 
| 31 <div id="result" style="clear:both">FAIL: Test did not run.</div> |  | 
| 32 <script> |  | 
| 33     if (window.testRunner) |  | 
| 34         testRunner.dumpAsText(); |  | 
| 35 |  | 
| 36     var result = document.getElementById("result"); |  | 
| 37     var hitElement = document.elementFromPoint(520, 465); |  | 
| 38     if (hitElement === document.getElementById("target")) |  | 
| 39         result.innerText = "PASS"; |  | 
| 40     else |  | 
| 41         result.innerText = "FAIL: Hit " + hitElement; |  | 
| 42 </script> |  | 
| OLD | NEW | 
|---|