| 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 |