Enable fieldsets to be flexboxes, grids and multicolumn.
[WebKit-https.git] / LayoutTests / fast / forms / fieldset / fieldset-overflow-auto-expected.html
1 <!doctype html>
2 <html>
3     <head>
4         <style>
5             .contents { border:2px solid skyblue; background-color:#cccccc; -webkit-margin-before:6px; -webkit-margin-after:6px }
6             .fieldset { vertical-align:bottom; -webkit-logical-width:320px; position:relative; display:inline-block;  padding:40px; -webkit-padding-before:0}
7             .legend {  -webkit-logical-height:64px; -webkit-logical-width: 284px; -webkit-margin-after:34px;background-color:#3080f0; border:8px solid lightblue; font-size:48px }
8             .behind-box { position:absolute; border:12px solid navy; z-index:-1 }
9             #scroll { overflow:auto; position:absolute;bottom:0;left:0;right:0; top:80px; bottom:12px; right:12px; left:12px; padding:28px 28px 0 28px  }
10         </style>
11     </head>
12     <body>
13         <div class=fieldset>
14             <div class="behind-box" style="left:0; top:34px; right:0; bottom:0;"></div>
15             <div class=legend>Legend Title</div>
16             
17             <div id=scroll>
18                 
19             <div class=contents>Fieldset Contents</div>
20             
21                 <div class=contents>More Fieldset Contents</div>
22             <div class=contents>More Fieldset Contents</div>
23             <div class=contents>More Fieldset Contents</div>
24             <div class=contents>More Fieldset Contents</div>
25             <div class=contents>More Fieldset Contents</div>
26             <div class=contents style="margin-bottom:0">More Fieldset Contents</div>
27             
28             </div>
29             
30         </div>
31     </body>
32 </html>