Floated flexboxes render as regular RenderBlocks
[WebKit-https.git] / LayoutTests / css3 / flexbox / floated-flexbox.html
1 <!DOCTYPE html>
2 <html>
3 <style>
4 .flexbox {
5     display: -webkit-flexbox;
6     background-color: #aaa;
7     border: 5px solid blue;
8     float:left;
9 }
10 .flexbox :nth-child(1) {
11     background-color: blue;
12 }
13 .flexbox :nth-child(2) {
14     background-color: green;
15 }
16 </style>
17 <script>
18 if (window.layoutTestController)
19     layoutTestController.dumpAsText();
20 </script>
21 <script src="resources/flexbox.js"></script>
22 <body onload="checkFlexBoxen()">
23
24 <div data-expected-width=130 data-expected-height=30 class=flexbox>
25     <div style="background-color:pink; width: 20px; height: 20px;"></div>
26     <div style="background-color:red; width: 100px; height: 20px;"></div>
27 </div>
28
29 </body>
30 </html>