flex-line-005.html (920B)
1 <!DOCTYPE html> 2 <link rel="help" href="https://github.com/w3c/csswg-drafts/issues/11784"> 3 <script src='/resources/testharness.js'></script> 4 <script src='/resources/testharnessreport.js'></script> 5 <script src="/resources/check-layout-th.js"></script> 6 <meta name="assert" 7 content="An item's cross-size:stretch should stretch to the line size, not the container size; single-line container has indefinite height"> 8 <style> 9 .container { 10 display: inline-flex; 11 width: 100px; 12 border: solid; 13 margin: 10px; 14 } 15 16 .container>div { 17 border: 3px solid; 18 } 19 20 .stretch { 21 height: -moz-available; 22 height: -webkit-fill-available; 23 height: stretch; 24 } 25 </style> 26 27 <div class="container"> 28 <div class="stretch" style="width: 75px; border-color: cyan" 29 data-expected-height="156"></div> 30 <div style="border-color: orange; height: 150px"></div> 31 </div> 32 33 <script> 34 checkLayout(".stretch"); 35 </script>