third_party/WebKit/LayoutTests/fast/multicol/table-cell-content-change-with-decorations.html

   1 <!DOCTYPE html>
   2 <script>
   3     onload = function() {
   4         document.body.offsetTop; // trigger layout
   5         document.getElementById('elm').style.display = 'block';
   6     }
   7 </script>
   8 <p>Test changing the contents of a table cell, increasing column height</p>
   9 <p>You should see the text "first column" once in the first column, and the text "second
  10     column" twice in the second column.</p>
  11 <div style="-webkit-columns:2; -webkit-column-rule:1px solid; -webkit-column-gap:11px; width:511px; background:yellow;">
  12     <div style="display:table-row;">
  13         first column
  14         <div style="height:0.1em;"></div>
  15     </div>
  16     <div style="display:table-row;">
  17         second column
  18         <div id="elm" style="display:none;">second column</div>
  19     </div>
  20 </div>