| <!doctype html> |
| <html style="-webkit-writing-mode: horizontal-bt;"> |
| <head> |
| <style> |
| .flowContent { font-size: 50px; font-family: Ahem; line-height: 2; color: green; } |
| #article { -webkit-flow-into: flow; } |
| |
| .regionSize { width: 250px; } |
| #region { -webkit-flow-from: flow; position: absolute; bottom: 100px; } |
| |
| .redBox { position: absolute; width: 250px; height: 50px; background-color: red; } |
| #red { bottom: 125px; } |
| #red1 { bottom: 225px; } |
| #red2 { bottom: 325px; } |
| </style> |
| </head> |
| <body> |
| <p>Test for <a href="https://bugs.webkit.org/show_bug.cgi?id=91097"> Auto height is not working for regions</a>.</p> |
| <p>The region is a block element, writing mode horizontal-bt.</p> |
| <p>On success, you should see 3 green rectangles.</p> |
| <div id="red" class="redBox"></div> |
| <div id="red1" class="redBox"></div> |
| <div id="red2" class="redBox"></div> |
| <div id="article" class="flowContent"> |
| <span style="background-color: green"> |
| a a a a a a a a a |
| </span> |
| </div> |
| <div id="region" class="regionSize"></div> |
| </body> |
| </html> |
