[CSSRegions] Incorrect computed height for content with region-break-before
[WebKit-https.git] / LayoutTests / fast / regions / autoheight-breakbefore-wrongheight.html
1 <!doctype html>
2 <html>
3     <head>
4         <style>
5             .flowContentSize  { width: 50px; height: 50px; }
6             #article { -webkit-flow-into: flow; background-color: green; }
7
8             .region { -webkit-flow-from: flow; position: absolute; background-color: red; }
9             .regionSize { width: 50px; max-height: 50px; top: 200px; }
10             .regionSize2 { width: 50px; height: 50px; top: 200px; left: 100px; }
11
12             #article { -webkit-region-break-before: always; }
13         </style>
14     </head>
15     <script src="../../resources/check-layout.js"></script>
16     <body onload="checkLayout('#regionZeroHeight')">
17         <p>Test for <a href="https://bugs.webkit.org/show_bug.cgi?id=101862"> [CSSRegions] Incorrect computed height for content with region-break-before</a>.</p>
18         <p>The flow has two regions, the first region has height auto. The region-break before the content should set the height for the auto height region to 0.</p>
19         <div id="article" class="flowContentSize"></div>
20         <div id="regionZeroHeight" class="region regionSize" data-expected-height=0></div>
21         <div class="region regionSize2"></div>
22     </body>
23 </html>