contain-inline-size-removed.html (787B)
1 <!DOCTYPE html> 2 <html> 3 <meta charset="utf-8"> 4 <title>CSS Containment Test: Remove inline-size from style.contain</title> 5 <link rel="help" href="https://drafts.csswg.org/css-contain/#contain-property"> 6 <link rel="help" href="https://drafts.csswg.org/css-contain-3/#containment-inline-size"> 7 <meta name="assert" content="After removing inline-size from style.contain, the element should trigger layout"> 8 <link rel="match" href="reference/pass_if_pass_below_clipped.html"> 9 <style> 10 11 </style> 12 <p>Test passes if there is the word "PASS" below.</p> 13 <div id="container" style="contain: inline-size; width:fit-content; overflow: hidden;"><span>PASS</span></div> 14 15 <script> 16 window.requestAnimationFrame(() => { 17 document.getElementById("container").style.contain = ""; 18 }); 19 </script>