third_party/WebKit/LayoutTests/fast/multicol/dynamic/remove-spanner-after-content.html

   1 <!DOCTYPE html>
   2 <script>
   3     onload = function() {
   4         var elm = document.getElementById('elm');
   5         elm.offsetTop; // trigger layout
   6         elm.style.display = 'none';
   7     }
   8 </script>
   9 <p>Test removal of a spanner that follows column content.</p>
  10 <p>There should be a black square below, and nothing else.</p>
  11 <div style="width:32em;">
  12     <div style="-webkit-columns:3; -webkit-column-gap:1em; line-height:5em;">
  13         <div style="color:black; background:black;">x</div>
  14         <div id="elm" style="-webkit-column-span:all; background:red;">FAIL</div>
  15     </div>
  16     <div style="width:10em; height:5em; color:black; background:black;"></div>
  17 </div>