src/third_party/WebKit/LayoutTests/fast/multicol/multicol-with-spanner-becomes-paged.html

   1 <!DOCTYPE html>
   2 <html>
   3     <head>
   4         <script>
   5             function test() {
   6                 var elm = document.getElementById('elm');
   7                 elm.offsetTop; // trigger layout
   8                 elm.style.WebkitColumns = 'auto';
   9                 elm.style.columns = 'auto';
  10                 elm.style.overflow = '-webkit-paged-x';
  11             }
  12         </script>
  13     </head>
  14     <body onload="test()">
  15         <p>There should be a blue <em>square</em> below, and no scrollbar.</p>
  16         <div id="elm" style="-webkit-columns:4; columns:4; orphans:1; widows:1; width:16em; line-height:4em; background:blue;">
  17             <br>
  18             <div style="-webkit-column-span:all; column-span:all; height:4em;"></div>
  19             <br>
  20             <br>
  21         </div>
  22     </body>
  23 </html>