anchored-child-transition-with-selection.html (857B)
1 <!DOCTYPE html> 2 <title>CSS Anchor Positioning Test: Transition on anchored element child with ::selection</title> 3 <link rel="help" href="https://drafts.csswg.org/css-anchor-position-1/"> 4 <script src="/resources/testharness.js"></script> 5 <script src="/resources/testharnessreport.js"></script> 6 <style> 7 #container { 8 position: absolute; 9 right: anchor(right); 10 --i: 1px; 11 } 12 #content { 13 scale: 0; 14 transition: scale 1000s step-end; 15 } 16 #content.show { scale: 1; } 17 ::selection { color: var(--a); } 18 #container.foo {} 19 </style> 20 <div id="container"> 21 <div id="content">FAIL</div> 22 </div> 23 <script> 24 test(() => { 25 content.offsetTop; 26 content.classList.toggle("show"); 27 container.classList.toggle("foo"); 28 assert_equals(getComputedStyle(content).scale, "0"); 29 }, "Should transition scale property on anchored child"); 30 </script>