| 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 |