fixed-block-size-absolute-left-right-vrl.https.html (941B)
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 body { 8 position: relative; 9 width: 120px; 10 } 11 12 .test { 13 writing-mode: vertical-rl; 14 background: red; 15 position: absolute; 16 left: 0px; 17 right: 20px; 18 --expected-block-size: 100; 19 } 20 21 .child { 22 background: green; 23 } 24 25 @supports (display: layout(test)) { 26 .test { 27 display: layout(test); 28 } 29 } 30 </style> 31 <script src="/common/reftest-wait.js"></script> 32 <script src="/common/worklet-reftest.js"></script> 33 34 <div class="test"> 35 <div class="child"></div> 36 </div> 37 38 <script> 39 importWorkletAndTerminateTestAfterAsyncPaint(CSS.layoutWorklet, {url: 'support/constraints-fixed-block-size.js'}); 40 </script>