whitespace-update-after-removal.html (806B)
1 <!doctype html> 2 <title>CSS Container Queries Test: whitespace changes in container which changes evaluation</title> 3 <link rel="help" href="https://drafts.csswg.org/css-conditional-5/#container-queries"> 4 <link rel="match" href="change-display-in-container-ref.html"> 5 <style> 6 #container { 7 container-type: size; 8 width: 400px; 9 height: 200px; 10 } 11 12 @container (min-width: 400px) { 13 span { color: red; } 14 } 15 </style> 16 <p>You should see the word PASS below.</p> 17 <div id="container"><span id="fail">FAIL</span> <span>PASS</span></div> 18 <script> 19 if (CSS.supports("container-type:size")) { 20 container.offsetTop; 21 container.style.width = "200px"; 22 // The space text node between the two spans no longer takes up space when the 23 // first span is removed. 24 fail.remove(); 25 } 26 </script>