flexbox-widget-flex-items-2.html (1211B)
1 <!DOCTYPE html> 2 <!-- 3 Any copyright is dedicated to the Public Domain. 4 http://creativecommons.org/publicdomain/zero/1.0/ 5 --> 6 <!-- 7 This testcase checks that, for any widgets that have a single valid size 8 (and hence refuse to flex), we don't honor the "min-width" property 9 when running the flex algorithm, just as we don't honor it outside 10 of flexbox contexts. 11 --> 12 <html> 13 <head> 14 <style> 15 div.flexbox { 16 display: flex; 17 align-items: flex-start; 18 background: lightgray; 19 width: 400px; 20 height: 40px; 21 margin-bottom: 10px; 22 } 23 div.flexbox > * { 24 min-width: 350px; 25 outline: 1px dashed black; 26 margin: 0; 27 vertical-align: top; 28 } 29 </style> 30 </head> 31 <body> 32 <div class="flexbox"><input type="button"></div> 33 <div class="flexbox"><input type="checkbox"></div> 34 <div class="flexbox"><input type="file"></div> 35 <div class="flexbox"><input type="image"></div> 36 <div class="flexbox"><input type="password"></div> 37 <div class="flexbox"><input type="radio"></div> 38 <div class="flexbox"><input type="reset"></div> 39 <div class="flexbox"><input type="submit"></div> 40 <div class="flexbox"><input type="text"></div> 41 </body> 42 </html>