1 files changed, 44 insertions, 0 deletions
diff --git a/testing/web-platform/tests/css/css-grid/table-grid-item-dynamic-001.html b/testing/web-platform/tests/css/css-grid/table-grid-item-dynamic-001.html
new file mode 100644
index 0000000000..e87a3dfe9a
--- /dev/null
+++ b/testing/web-platform/tests/css/css-grid/table-grid-item-dynamic-001.html
@@ -0,0 +1,44 @@
+<!doctype html>
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<meta charset="utf-8">
+<title>Table grid items with margins don't grow on incremental relayout</title>
+<link rel="author" href="mailto:mats@mozilla.com">
+<link rel="author" href="mailto:emilio@crisal.io">
+<link rel="author" href="https://mozilla.org">
+<link rel="help" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1492315">
+<link rel="match" href="table-grid-item-dynamic-001-ref.html">
+<style>
+html,body {
+  color:black; background-color:white; font:16px/1 monospace; padding:0; margin:0;
+}
+
+div {
+  display: grid;
+  background-color: lime;
+}
+
+table {
+  margin-top: 100px;
+}
+</style>
+<div>
+  <table>
+    <thead>
+      <tr>
+        <th>Relayout shouldn't grow this table</th>
+      </tr>
+    </thead>
+  </table>
+</div>
+<script>
+onload = function() {
+  let grid = document.querySelector("div");
+  grid.getBoundingClientRect();
+  document.body.style.width = "50vw";
+  grid.getBoundingClientRect();
+  document.body.style.width = "";
+}
+</script>