third_party/WebKit/LayoutTests/fast/multicol/dynamic/change-spanner-display.html

   1 <!DOCTYPE html>
   2 <script>
   3     onload = function() {
   4         var elm = document.getElementById('elm');
   5         document.body.offsetTop; // trigger layout
   6         elm.style.display = 'list-item';
   7     }
   8 </script>
   9 <body style="margin:5em;">
  10     <p>Test that changing display type on a spanner (to another valid display type for spanners) works.</p>
  11     <p>You should see three lines with the word "PASS" below, all with a bullet in front. Letter
  12         spacing is expected to vary.</p>
  13     <div style="-webkit-columns:4; -webkit-column-gap:0; width:4em;">
  14         <div style="display:list-item;">P<br>A<br>S<br>S
  15             <div id="elm" style="-webkit-column-span:all;">
  16                 PASS
  17             </div>
  18         </div>
  19         <div style="display:list-item;">P<br>A<br>S<br>S</div>
  20     </div>
  21 </body>