third_party/WebKit/LayoutTests/fast/multicol/dynamic/spanner-becomes-regular-block.html

   1 <!DOCTYPE html>
   2 <script>
   3     onload = function() {
   4         var elm = document.getElementById('elm');
   5         document.body.offsetTop; // trigger layout
   6         elm.style.webkitColumnSpan = 'none';
   7     }
   8 </script>
   9 <p>Test changing a spanner inside a block to a regular block.</p>
  10 <p>Below you should see a blue line above the word "PASS" on a yellow background. Wide letter spacing is expected.</p>
  11 <div style="-webkit-columns:4; -webkit-column-gap:0; width:4em; max-height:3em; overflow:hidden; background:blue;">
  12     <div style="margin-top:0.5em;">
  13         <div id="elm" style="-webkit-column-span:all; margin-top:0.2em; background:yellow;">
  14             P<br>
  15             <div style="height:0.5em; background:blue;"></div>
  16             A<br>
  17             <div style="height:0.5em; background:blue;"></div>
  18             S<br>
  19             <div style="height:0.5em; background:blue;"></div>
  20             S<br>
  21         </div>
  22     </div>
  23 </div>