| OLD | NEW | 
|---|
| (Empty) |  | 
|  | 1 <!DOCTYPE html> | 
|  | 2 <p>There should be a blue square below.</p> | 
|  | 3 <div id="multicol" style="position:relative; columns:2; column-fill:auto; line-h
    eight:20px; width:100px; height:100px;"> | 
|  | 4     <br> | 
|  | 5     <div id="elm" style="float:left; width:20px; background:blue;"> | 
|  | 6         <div><br></div> | 
|  | 7     </div> | 
|  | 8 </div> | 
|  | 9 <script src="../resources/testharness.js"></script> | 
|  | 10 <script src="../resources/testharnessreport.js"></script> | 
|  | 11 <script> | 
|  | 12 test(() => { | 
|  | 13     var multicol = document.getElementById("multicol"); | 
|  | 14     var elm = document.getElementById("elm"); | 
|  | 15     document.body.offsetTop; | 
|  | 16     multicol.style.height = "30px"; | 
|  | 17     assert_equals(elm.offsetTop, 0); | 
|  | 18     assert_equals(elm.offsetHeight, 20); | 
|  | 19 }, "Push float to next column"); | 
|  | 20 </script> | 
| OLD | NEW | 
|---|