flexbox-widget-flex-items-3.html (1272B)
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 "max-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 max-width: 3px; 25 min-width: 0; /* to override default 'min-width:auto' */ 26 outline: 1px dashed black; 27 margin: 0; 28 vertical-align: top; 29 } 30 </style> 31 </head> 32 <body> 33 <div class="flexbox"><input type="button"></div> 34 <div class="flexbox"><input type="checkbox"></div> 35 <div class="flexbox"><input type="file"></div> 36 <div class="flexbox"><input type="image"></div> 37 <div class="flexbox"><input type="password"></div> 38 <div class="flexbox"><input type="radio"></div> 39 <div class="flexbox"><input type="reset"></div> 40 <div class="flexbox"><input type="submit"></div> 41 <div class="flexbox"><input type="text"></div> 42 </body> 43 </html>