auto-min-size-001.html (957B)
1 <!DOCTYPE html> 2 <link rel="author" title="David Grogan" href="mailto:dgrogan@chromium.org"> 3 <link rel="help" href="https://drafts.csswg.org/css-flexbox/#intrinsic-sizes"> 4 <link rel="help" href="https://crbug.com/1462398"> 5 <link rel="match" href="../../reference/ref-filled-green-100px-square.xht"> 6 <meta name="assert" 7 content="Don't apply flex automatic minimum sizing to the css-sizing-3 intrinsic sizing calculations. This shows up with % max-width replaced elements. Their intrinsic min-width is 0 according to css-sizing-3 but automatic minimum sizing is usually positive." /> 8 9 <p>Test passes if there is a filled green square and <strong>no red</strong>. 10 </p> 11 12 <div style="display: flex; width:100px;"> 13 <div style="display: flex; flex: 1 1 auto;"> 14 <img style="max-width: 100%; background: green;" 15 src="data:image/svg+xml,%3Csvg viewBox='0 0 1 1' width='500' height='500' xmlns='http://www.w3.org/2000/svg' %3E%3C/svg%3E"> 16 </div> 17 </div>