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