third_party/WebKit/LayoutTests/fast/multicol/newmulticol/balance-maxheight2.html

   1 <!DOCTYPE html>
   2 <html>
   3   <head>
   4     <title>balancing multicol with max-height</title>
   5     <script src="../../../resources/js-test.js"></script>
   6     <script>
   7       if (window.testRunner)
   8         testRunner.dumpAsText();
   9     </script>
  10   </head>
  11   <body>
  12     <p>There should be two identical boxes below.</p>
  13     <div id="mc" style="-webkit-columns:3; columns:3; max-height:2em; line-height:1.5em; orphans:1; widows:1; color:olive; background:olive;">
  14       <br>
  15       <br>
  16       <br>
  17       <br>
  18     </div>
  19     <div id="ref" style="margin-top:1em; height:2em; color:olive; background:olive;">
  20       <br>
  21     </div>
  22     <script>
  23       shouldBe("mc.offsetHeight", "ref.offsetHeight");
  24       // There should be horizontal overflow:
  25       shouldNotBe("document.documentElement.scrollWidth", "document.documentElement.clientWidth");
  26       shouldBeGreaterThanOrEqual("document.documentElement.scrollWidth", "document.documentElement.clientWidth");
  27     </script>
  28   </body>
  29 </html>