third_party/WebKit/LayoutTests/fast/multicol/break-after-always-bottom-margin.html

   1 <!doctype html>
   2 <html>
   3     <head>
   4         <title>Bug 92497 - [CSS Regions] Region overset property is not properly computed when there is a region break</title>
   5         <style type="text/css">
   6
   7             .columns {
   8                 -webkit-column-count:2;
   9                 width:250px;
  10             }
  11
  12             .columns p:first-child {
  13                 -webkit-column-break-after: always;
  14                 margin-bottom: 10em; /*shouldn't spill over the forced break*/
  15             }
  16
  17             .fail #pass, .pass #fail { display: none; }
  18         </style>
  19     </head>
  20
  21     <body>
  22         <div class="columns">
  23             <p>This is some text with bottom margin and forced break after.</p>
  24             <p>This paragraph should be aligned with the other paragraph because the 1st paragraph's bottom margin shouldn't spill over the forced break.</p>
  25         </div>
  26
  27         <script type="text/javascript">
  28             if(window.testRunner)
  29                 testRunner.dumpAsText();
  30             document.body.className = document.querySelector(".columns p:nth-child(2)").offsetTop == document.querySelector(".columns p:first-child").offsetTop ? "pass" : "fail";
  31         </script>
  32
  33         <div id="pass">PASS</div>
  34         <div id="fail">FAIL</div>
  35
  36         <p><a href="https://bugs.webkit.org/show_bug.cgi?id=92497">Bug 92497</a> - [CSS Regions] Region overset property is not properly computed when there is a region break</p>
  37
  38     </body>
  39 </html>