fixed-inline-size-flex-grow-column-vrl.https.html (847B)
1 <!DOCTYPE html> 2 <html class=reftest-wait> 3 <link rel="help" href="https://drafts.css-houdini.org/css-layout-api/#dom-layoutconstraints-fixedinlinesize"> 4 <link rel="match" href="fixed-inline-size-ref.html"> 5 <meta name="assert" content="This test checks that LayoutConstraints#fixedInlineSize is passed into the layout function correctly." /> 6 <style> 7 body { 8 display: flex; 9 flex-flow: column; 10 width: 100px; 11 height: 100px; 12 } 13 14 .test { 15 background: red; 16 flex-grow: 1; 17 } 18 19 @supports (display: layout(test)) { 20 .test { 21 background: green; 22 display: layout(test); 23 } 24 } 25 </style> 26 <script src="/common/reftest-wait.js"></script> 27 <script src="/common/worklet-reftest.js"></script> 28 29 <div class="test"></div> 30 31 <script> 32 importWorkletAndTerminateTestAfterAsyncPaint(CSS.layoutWorklet, {url: 'support/constraints-fixed-inline-size.js'}); 33 </script>