OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <html> | 2 <html> |
3 <link href="resources/flexbox.css" rel="stylesheet"> | 3 <link href="resources/flexbox.css" rel="stylesheet"> |
4 <style> | 4 <style> |
5 .flexbox { | 5 .flexbox { |
6 width: 600px; | 6 width: 600px; |
7 background-color: #aaa; | 7 background-color: #aaa; |
8 position: relative; | 8 position: relative; |
9 min-height: 10px; | 9 min-height: 10px; |
10 } | 10 } |
11 .flexbox > * { | 11 .flexbox > * { |
12 flex: 1 0 0; | 12 flex: 1 0 0; |
13 margin: 0; | 13 margin: 0; |
14 border: 0; | 14 border: 0; |
15 padding: 0; | 15 padding: 0; |
16 font-size: 12px; | 16 font-size: 12px; |
17 min-width: 0; | 17 min-width: 0; |
18 } | 18 } |
19 </style> | 19 </style> |
20 <script src="../../resources/check-layout.js"></script> | 20 <script src="../../resources/testharness.js"></script> |
| 21 <script src="../../resources/testharnessreport.js"></script> |
| 22 <script src="../../resources/check-layout-th.js"></script> |
21 <body onload="checkLayout('.flexbox')"> | 23 <body onload="checkLayout('.flexbox')"> |
22 <div class="flexbox" style="height:200px"> | 24 <div class="flexbox" style="height:200px"> |
23 <button data-expected-display="block" data-expected-width="100" data-expected-
height="200">button</button> | 25 <button data-expected-display="block" data-expected-width="100" data-expected-
height="200">button</button> |
24 <canvas data-expected-display="block" data-expected-width="100" data-expected-
height="200">canvas</canvas> | 26 <canvas data-expected-display="block" data-expected-width="100" data-expected-
height="200">canvas</canvas> |
25 <iframe data-expected-display="block" data-expected-width="100" data-expected-
height="200" src="data:text/html,<body bgcolor=#fff>iframe</body>"></iframe> | 27 <iframe data-expected-display="block" data-expected-width="100" data-expected-
height="200" src="data:text/html,<body bgcolor=#fff>iframe</body>"></iframe> |
26 <object data-expected-display="block" data-expected-width="100" data-expected-
height="200">object</object> | 28 <object data-expected-display="block" data-expected-width="100" data-expected-
height="200">object</object> |
27 <select data-expected-display="block" data-expected-width="100" data-expected-
height="200"> | 29 <select data-expected-display="block" data-expected-width="100" data-expected-
height="200"> |
28 <option>select</option> | 30 <option>select</option> |
29 </select> | 31 </select> |
30 <textarea data-expected-display="block" data-expected-width="100" data-expecte
d-height="200">textarea</textarea> | 32 <textarea data-expected-display="block" data-expected-width="100" data-expecte
d-height="200">textarea</textarea> |
(...skipping 144 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
175 <img data-expected-width="10" style="max-width:-webkit-min-content" src="../
images/resources/green-10.png"> | 177 <img data-expected-width="10" style="max-width:-webkit-min-content" src="../
images/resources/green-10.png"> |
176 <img data-expected-width="50" style="max-width:-webkit-max-content" src="../
images/resources/blue-100.png"> | 178 <img data-expected-width="50" style="max-width:-webkit-max-content" src="../
images/resources/blue-100.png"> |
177 <img data-expected-width="10" style="max-width:-webkit-max-content" src="../
images/resources/green-10.png"> | 179 <img data-expected-width="10" style="max-width:-webkit-max-content" src="../
images/resources/green-10.png"> |
178 <img data-expected-width="50" style="max-width:-webkit-fill-available" src="
../images/resources/blue-100.png"> | 180 <img data-expected-width="50" style="max-width:-webkit-fill-available" src="
../images/resources/blue-100.png"> |
179 <img data-expected-width="50" style="max-width:-webkit-fill-available" src="
../images/resources/green-10.png"> | 181 <img data-expected-width="50" style="max-width:-webkit-fill-available" src="
../images/resources/green-10.png"> |
180 <img data-expected-width="50" style="max-width:-webkit-fit-content" src="../
images/resources/blue-100.png"> | 182 <img data-expected-width="50" style="max-width:-webkit-fit-content" src="../
images/resources/blue-100.png"> |
181 <img data-expected-width="10" style="max-width:-webkit-fit-content" src="../
images/resources/green-10.png"> | 183 <img data-expected-width="10" style="max-width:-webkit-fit-content" src="../
images/resources/green-10.png"> |
182 </div> | 184 </div> |
183 | 185 |
184 </html> | 186 </html> |
OLD | NEW |