Move parseFontFaceDescriptor to CSSPropertyParser.cpp
[chromium-blink-merge.git] / third_party / WebKit / LayoutTests / css3 / flexbox / flexbox-height-with-overflow-auto.html
blob4845e2e807a55965ae36bd332026ea63ea4b6fd4
1 <!DOCTYPE html>
2 <html>
3 <link href="resources/flexbox.css" rel="stylesheet">
4 <style>
5 .flexbox {
6 border: 5px solid green;
7 position: relative;
8 width: 50px;
11 .inline-flexbox {
12 border: 5px solid green;
13 position: relative;
14 height: 50px;
17 .overflow {
18 border: 1px solid red;
19 overflow: auto;
20 min-width: 0;
21 min-height: 0;
24 .vertical {
25 -webkit-writing-mode: vertical-rl;
27 </style>
28 <script src="../../resources/check-layout.js"></script>
29 <body onload="checkLayout('.flexbox'); checkLayout('.inline-flexbox')">
30 <div class="flexbox" data-expected-height="47">
31 <div class="overflow"><div style="width: 100px; height: 20px"></div></div>
32 </div>
34 <div class="flexbox row-reverse" data-expected-height="47">
35 <div class="overflow"><div style="width: 100px; height: 20px"></div></div>
36 </div>
38 <div class="flexbox vertical" data-expected-height="32">
39 <div class="overflow"><div style="width: 100px; height: 20px"></div></div>
40 </div>
42 <div class="flexbox row-reverse vertical" data-expected-height="32">
43 <div class="overflow"><div style="width: 100px; height: 20px"></div></div>
44 </div>
46 <div class="flexbox" data-expected-height="47">
47 <div class="overflow align-self-baseline"><div style="width: 100px; height: 20px"></div></div>
48 </div>
50 <div class="flexbox row-reverse" data-expected-height="47">
51 <div class="overflow align-self-baseline"><div style="width: 100px; height: 20px"></div></div>
52 </div>
54 <div class="flexbox vertical" data-expected-height="32">
55 <div class="overflow align-self-baseline"><div style="width: 100px; height: 20px"></div></div>
56 </div>
58 <div class="flexbox row-reverse vertical" data-expected-height="32">
59 <div class="overflow align-self-baseline"><div style="width: 100px; height: 20px"></div></div>
60 </div>
62 <div class="inline-flexbox column" data-expected-width="32">
63 <div class="overflow"><div style="width: 20px; height: 100px"></div></div>
64 </div>
66 <div class="inline-flexbox column-reverse" data-expected-width="32">
67 <div class="overflow"><div style="width: 20px; height: 100px"></div></div>
68 </div>
70 <div class="inline-flexbox column vertical" data-expected-width="47">
71 <div class="overflow"><div style="width: 20px; height: 100px"></div></div>
72 </div>
74 <div class="inline-flexbox column-reverse vertical" data-expected-width="47">
75 <div class="overflow"><div style="width: 20px; height: 100px"></div></div>
76 </div>
78 <div class="inline-flexbox column" data-expected-width="32">
79 <div class="overflow align-self-baseline"><div style="width: 20px; height: 100px"></div></div>
80 </div>
82 <div class="inline-flexbox column-reverse" data-expected-width="32">
83 <div class="overflow align-self-baseline"><div style="width: 20px; height: 100px"></div></div>
84 </div>
86 <div class="inline-flexbox column vertical" data-expected-width="32">
87 <div class="overflow align-self-baseline"><div style="width: 20px; height: 100px"></div></div>
88 </div>
90 <div class="inline-flexbox column-reverse vertical" data-expected-width="32">
91 <div class="overflow align-self-baseline"><div style="width: 20px; height: 100px"></div></div>
92 </div>
93 </body>
94 </html>