col-wrap-017.html (902B)
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="match" href="../../reference/ref-filled-green-100px-square.xht"> 5 6 <meta name="assert" 7 content="aspect-ratio item gets correct flex base during intrinsic sizing." /> 8 9 <style> 10 .grandchild { 11 float: left; 12 width: 50px; 13 height: 50px; 14 } 15 16 </style> 17 18 <p>Test passes if there is a filled green square and <strong>no red</strong>. 19 </p> 20 21 <div 22 style="display: flex; flex-flow: column wrap; width: max-content; height: 100px; background: green;" 23 data-expected-width="100"> 24 <!-- flex base size should be 100 because that's max-content width * aspect-ratio. --> 25 <div style="width: 100%; aspect-ratio: 1/1; min-height: 0px;"> 26 <div class="grandchild"></div> 27 <div class="grandchild"></div> 28 </div> 29 </div>