fixed-inline-size-block-auto-avoid-floats.https.html (862B)
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 width: 200px; 9 } 10 11 .float { 12 float: right; 13 width: 100px; 14 height: 20px; 15 } 16 17 .test { 18 background: red; 19 } 20 21 @supports (display: layout(test)) { 22 .test { 23 background: green; 24 display: layout(test); 25 } 26 } 27 </style> 28 <script src="/common/reftest-wait.js"></script> 29 <script src="/common/worklet-reftest.js"></script> 30 31 <div class="float"></div> 32 <div class="test"></div> 33 34 <script> 35 importWorkletAndTerminateTestAfterAsyncPaint(CSS.layoutWorklet, {url: 'support/constraints-fixed-inline-size.js'}); 36 </script>