contain-size-multicol-as-flex-item.html (852B)
1 <!DOCTYPE HTML> 2 <link rel="author" title="Morten Stenshorne" href="mailto:mstensho@chromium.org"> 3 <link rel="help" href="https://drafts.csswg.org/css-contain/#containment-size"> 4 <link rel="help" href="https://bugs.chromium.org/p/chromium/issues/detail?id=863454"> 5 <style> 6 #flex { 7 display: flex; 8 } 9 10 #multicol { 11 columns: 3; 12 min-width: 0; 13 column-gap: 50px; 14 contain:size; 15 height:100px; 16 background:green; 17 } 18 </style> 19 <p>There should be a green square below.</p> 20 <div id="flex"> 21 <div id="multicol" data-expected-width="100" data-expected-height="100"> 22 <div style="width:1000px; height:1px;"></div> 23 </div> 24 </div> 25 <script src="/resources/testharness.js"></script> 26 <script src="/resources/testharnessreport.js"></script> 27 <script src="/resources/check-layout-th.js"></script> 28 <script> 29 checkLayout("#flex"); 30 </script>