table-cell-content-change-001.html (823B)
1 <!DOCTYPE html> 2 <link rel="help" href="https://bugs.chromium.org/p/chromium/issues/detail?id=348064"> 3 <link rel="match" href="table-cell-content-change-001-ref.html"> 4 <p>Test changing the contents of a table cell, increasing column height</p> 5 <p>You should see the text "first column" once in the first column, and the text 6 "second column" twice in the second column.</p> 7 <div style="columns:2; column-rule:1px solid; column-gap:11px; width:511px; background:yellow;"> 8 <div style="display:table-row;"> 9 first column 10 <div style="height:0.1em;"></div> 11 </div> 12 <div style="display:table-row;"> 13 second column 14 <div id="elm" style="display:none;">second column</div> 15 </div> 16 </div> 17 <script> 18 document.body.offsetTop; // trigger layout 19 document.getElementById('elm').style.display = 'block'; 20 </script>