size-container-auto-height.html (595B)
1 <!DOCTYPE html> 2 <title>CSS Container Queries Test: auto sized height container query</title> 3 <link rel="help" href="https://drafts.csswg.org/css-conditional-5/#size-container"> 4 <script src="/resources/testharness.js"></script> 5 <script src="/resources/testharnessreport.js"></script> 6 <style> 7 @container (height = 0px) { 8 #target { color: green } 9 } 10 </style> 11 <div style="container-type:size"> 12 <div id="target"></div> 13 </div> 14 <script> 15 test(() => { 16 assert_equals(getComputedStyle(target).color, "rgb(0, 128, 0)"); 17 }, "auto height size container matches zero height query"); 18 </script>