no-baseline.https.html (1137B)
1 <!DOCTYPE html> 2 <html class=reftest-wait> 3 <link rel="help" href="https://drafts.css-houdini.org/css-layout-api/#interaction-alignment"> 4 <link rel="match" href="../green-square-ref.html"> 5 <meta name="assert" content="This test checks that an element with no baseline is handled correctly."/> 6 <style> 7 .test { 8 background: green; 9 padding: 0 10px; 10 width: 80px; 11 } 12 13 @supports (display: layout(parent)) { 14 .test { 15 display: layout(parent); 16 background: green; 17 } 18 } 19 </style> 20 <script src="/common/reftest-wait.js"></script> 21 <script src="/common/worklet-reftest.js"></script> 22 23 <div class="test"> 24 <div></div> 25 </div> 26 27 <script id="code" type="text/worklet"> 28 registerLayout('parent', class { 29 async intrinsicSizes() {} 30 async layout(children) { 31 const childFragments = await Promise.all(children.map(child => child.layoutNextFragment({}))); 32 if (childFragments[0].baseline) 33 return {autoBlockSize: 0, childFragments}; 34 return {autoBlockSize: 100, childFragments}; 35 } 36 }); 37 </script> 38 39 <script> 40 importWorkletAndTerminateTestAfterAsyncPaint(CSS.layoutWorklet, document.getElementById('code').textContent); 41 </script> 42 </html>