1 files changed, 26 insertions, 0 deletions
diff --git a/testing/web-platform/tests/css/css-contain/container-queries/table-inside-container-changing-display.html b/testing/web-platform/tests/css/css-contain/container-queries/table-inside-container-changing-display.html
new file mode 100644
index 0000000000..33a4f4fe72
--- /dev/null
+++ b/testing/web-platform/tests/css/css-contain/container-queries/table-inside-container-changing-display.html
@@ -0,0 +1,26 @@
+<!doctype html>
+<title>CSS Container Queries Test: table inside @container changing display type</title>
+<link rel="help" href="https://drafts.csswg.org/css-contain-3/#container-queries">
+<link rel="help" href="https://crbug.com/1284918">
+<link rel="match" href="table-inside-container-changing-display-ref.html">
+<style>
+  @supports not (container-type: inline-size) {
+    #container { display: none !important; }
+  }
+  #container {
+    width: 200px;
+    height: 200px;
+    container-type: inline-size;
+  }
+</style>
+<p>You should see the word PASS below.</p>
+<div id="container">
+  <div>
+    <table><td>PASS</td></table>
+  </div>
+</div>
+<script>
+  document.body.offsetTop;
+  document.querySelector("#container").style.display = "inline-block";
+  document.querySelector("table").style.color = "currentColor";
+</script>