scroll-marker-group-size-container-query-root.html (854B)
1 <!DOCTYPE html> 2 <title>CSS Overflow Test: Size container for :root::scroll-marker-group</title> 3 <link rel="help" href="https://drafts.csswg.org/css-overflow-5/#scroll-marker-group-property"> 4 <link rel="help" href="https://drafts.csswg.org/css-conditional-5/#container-queries"> 5 <script src="/resources/testharness.js"></script> 6 <script src="/resources/testharnessreport.js"></script> 7 <style> 8 :root { 9 container-type: inline-size; 10 width: 400px; 11 scroll-marker-group: before; 12 @container (width = 400px) { 13 &::scroll-marker-group { --test: pass; } 14 } 15 } 16 </style> 17 <script> 18 test(() => { 19 assert_equals(getComputedStyle(document.documentElement, "::scroll-marker-group").getPropertyValue("--test"), "pass"); 20 }, "::scroll-marker-group generates a box inside the root element box and can query it as a size container"); 21 </script>