inflow.https.html (896B)
1 <!DOCTYPE html> 2 <html class=reftest-wait> 3 <link rel="help" href="https://drafts.css-houdini.org/css-layout-api/#layout-children"> 4 <link rel="match" href="../green-square-ref.html"> 5 <meta name="assert" content="This test checks that regular inflow children appear as children." /> 6 7 <style> 8 .test { 9 --child-expected: ["1", "2"]; 10 11 background: red; 12 width: 100px; 13 } 14 15 .inflow-1 { 16 visibility: hidden; 17 --child: 1; 18 } 19 20 .inflow-2 { 21 visibility: hidden; 22 --child: 2; 23 } 24 25 @supports (display: layout(test)) { 26 .test { 27 background: green; 28 display: layout(test); 29 } 30 } 31 </style> 32 <script src="/common/reftest-wait.js"></script> 33 <script src="/common/worklet-reftest.js"></script> 34 35 <div class="test"> 36 <div class="inflow-1"></div> 37 <div class="inflow-2"></div> 38 </div> 39 40 <script> 41 importWorkletAndTerminateTestAfterAsyncPaint(CSS.layoutWorklet, {url: 'support/layout-child-worklet.js'}); 42 </script>