5 .flowContent { font-size: 50px; color: green; font-family: Ahem; }
6 #article { -webkit-flow-into: flow; }
8 .regionSize { width: 250px; }
9 #region { -webkit-flow-from: flow; -webkit-region-fragment: break; position: absolute; top: 150px; min-height: 150px; background-color: green; }
11 .redBox { position: absolute; height: 150px; background-color: red; }
14 #p2 { -webkit-region-break-before: always; }
18 <p>Test for <a href="https://bugs.webkit.org/show_bug.cgi?id=91097"> Auto height is not working for regions</a>.</p>
19 <p>The region is a block element. The flow has a forced break inside it (break before) but also a min-height value (bigger than the break offset) that is used to determine the region height.</p>
20 <p>On success, you should see 1 green rectangle.</p>
21 <div id="red" class="redBox regionSize"></div>
22 <div id="article" class="flowContent">
27 <div id="region" class="regionSize"></div>