| OLD | NEW | 
 | (Empty) | 
|   1 <!DOCTYPE html> |  | 
|   2 <html> |  | 
|   3     <head> |  | 
|   4         <script> |  | 
|   5             function test() { |  | 
|   6                 document.body.offsetTop; // trigger layout |  | 
|   7                 document.getElementById('elm').style.display = 'block'; |  | 
|   8             } |  | 
|   9         </script> |  | 
|  10     </head> |  | 
|  11     <body onload="test()"> |  | 
|  12         <h3>Changing the contents of a table cell, increasing column height</h3> |  | 
|  13  |  | 
|  14         <p>You should see the text "first column" once in the first column, and 
    the text "second |  | 
|  15         column" twice in the second column.</p> |  | 
|  16         <div style="-webkit-columns:2; columns:2; x-webkit-column-rule:1px solid
    ; xcolumn-rule:1px solid; orphans:1; widows:1; xbackground:yellow;"> <!-- FIXME:
     should ideally paint background and column rules here, to measure the column he
    ight, but the balancing machinery in the old multicol implementation doesn't do 
    it properly. See crbug.com/352052 --> |  | 
|  17             <div style="display:table-row;"> |  | 
|  18                 first column |  | 
|  19                 <div style="height:0.1em;"></div> |  | 
|  20             </div> |  | 
|  21             <div style="display:table-row;"> |  | 
|  22                 second column |  | 
|  23                 <div id="elm" style="display:none;">second column</div> |  | 
|  24             </div> |  | 
|  25         </div> |  | 
|  26     </body> |  | 
|  27 </html> |  | 
| OLD | NEW |