table-inside-container-changing-display.html (823B)
1 <!doctype html> 2 <title>CSS Container Queries Test: table inside @container changing display type</title> 3 <link rel="help" href="https://drafts.csswg.org/css-conditional-5/#container-queries"> 4 <link rel="help" href="https://crbug.com/1284918"> 5 <link rel="match" href="table-inside-container-changing-display-ref.html"> 6 <style> 7 @supports not (container-type: inline-size) { 8 #container { display: none !important; } 9 } 10 #container { 11 width: 200px; 12 height: 200px; 13 container-type: inline-size; 14 } 15 </style> 16 <p>You should see the word PASS below.</p> 17 <div id="container"> 18 <div> 19 <table><td>PASS</td></table> 20 </div> 21 </div> 22 <script> 23 document.body.offsetTop; 24 document.querySelector("#container").style.display = "inline-block"; 25 document.querySelector("table").style.color = "currentColor"; 26 </script>