diff --git a/Tests/LibWeb/Text/expected/layout-tree-update/partial-layout-tree-update-1.txt b/Tests/LibWeb/Text/expected/layout-tree-update/partial-layout-tree-update-1.txt
new file mode 100644
index 00000000000..e91a629135d
--- /dev/null
+++ b/Tests/LibWeb/Text/expected/layout-tree-update/partial-layout-tree-update-1.txt
@@ -0,0 +1,3 @@
+200px
+100px
+0px
diff --git a/Tests/LibWeb/Text/expected/layout-tree-update/partial-layout-tree-update-2.txt b/Tests/LibWeb/Text/expected/layout-tree-update/partial-layout-tree-update-2.txt
new file mode 100644
index 00000000000..e91a629135d
--- /dev/null
+++ b/Tests/LibWeb/Text/expected/layout-tree-update/partial-layout-tree-update-2.txt
@@ -0,0 +1,3 @@
+200px
+100px
+0px
diff --git a/Tests/LibWeb/Text/expected/layout-tree-update/partial-layout-tree-update-3.txt b/Tests/LibWeb/Text/expected/layout-tree-update/partial-layout-tree-update-3.txt
new file mode 100644
index 00000000000..000a2d3ad24
--- /dev/null
+++ b/Tests/LibWeb/Text/expected/layout-tree-update/partial-layout-tree-update-3.txt
@@ -0,0 +1,3 @@
+200px
+100px
+200px
diff --git a/Tests/LibWeb/Text/expected/layout-tree-update/partial-layout-tree-update-4.txt b/Tests/LibWeb/Text/expected/layout-tree-update/partial-layout-tree-update-4.txt
new file mode 100644
index 00000000000..3cd14d2ed10
--- /dev/null
+++ b/Tests/LibWeb/Text/expected/layout-tree-update/partial-layout-tree-update-4.txt
@@ -0,0 +1,3 @@
+18.8125px
+36.625px
+54.79688px
diff --git a/Tests/LibWeb/Text/expected/layout-tree-update/partial-layout-tree-update-5.txt b/Tests/LibWeb/Text/expected/layout-tree-update/partial-layout-tree-update-5.txt
new file mode 100644
index 00000000000..fae8c986ba8
--- /dev/null
+++ b/Tests/LibWeb/Text/expected/layout-tree-update/partial-layout-tree-update-5.txt
@@ -0,0 +1,5 @@
+foo width: 160px
+a width: 50px
+b width: 50px
+c width: 100px
+foo width: 220px
diff --git a/Tests/LibWeb/Text/input/layout-tree-update/partial-layout-tree-update-1.html b/Tests/LibWeb/Text/input/layout-tree-update/partial-layout-tree-update-1.html
new file mode 100644
index 00000000000..b814dc7a9c8
--- /dev/null
+++ b/Tests/LibWeb/Text/input/layout-tree-update/partial-layout-tree-update-1.html
@@ -0,0 +1,37 @@
+<!doctype html>
+<style>
+    * {
+        outline: 1px solid black;
+    }
+    #foo {
+        width: max-content;
+        display: flex;
+    }
+</style>
+<script src="../include.js"></script>
+<body>
+    <div id="foo">
+        <template shadowrootmode="open">
+            <style>
+                div {
+                    outline: 1px solid black;
+                    width: 100px;
+                    height: 100px;
+                }
+            </style>
+            <div id="a">a</div>
+            <div id="b">b</div>
+        </template>
+    </div>
+</body>
+<script>
+    test(() => {
+        const a = foo.shadowRoot.getElementById("a");
+        const b = foo.shadowRoot.getElementById("b");
+        println(getComputedStyle(foo).width);
+        a.remove();
+        println(getComputedStyle(foo).width);
+        b.remove();
+        println(getComputedStyle(foo).width);
+    });
+</script>
diff --git a/Tests/LibWeb/Text/input/layout-tree-update/partial-layout-tree-update-2.html b/Tests/LibWeb/Text/input/layout-tree-update/partial-layout-tree-update-2.html
new file mode 100644
index 00000000000..d3b7ff1a695
--- /dev/null
+++ b/Tests/LibWeb/Text/input/layout-tree-update/partial-layout-tree-update-2.html
@@ -0,0 +1,30 @@
+<!doctype html>
+<style>
+    * {
+        outline: 1px solid black;
+    }
+    #foo {
+        width: max-content;
+        display: flex;
+    }
+    #a, #b {
+        width: 100px;
+        height: 100px;
+    }
+</style>
+<script src="../include.js"></script>
+<body>
+    <div id="foo">
+        <div id="a">a</div>
+        <div id="b">b</div>
+    </div>
+</body>
+<script>
+    test(() => {
+        println(getComputedStyle(foo).width);
+        a.remove();
+        println(getComputedStyle(foo).width);
+        b.remove();
+        println(getComputedStyle(foo).width);
+    });
+</script>
diff --git a/Tests/LibWeb/Text/input/layout-tree-update/partial-layout-tree-update-3.html b/Tests/LibWeb/Text/input/layout-tree-update/partial-layout-tree-update-3.html
new file mode 100644
index 00000000000..a5b35632b19
--- /dev/null
+++ b/Tests/LibWeb/Text/input/layout-tree-update/partial-layout-tree-update-3.html
@@ -0,0 +1,32 @@
+<!doctype html>
+<style>
+    * {
+        outline: 1px solid black;
+    }
+    #foo {
+        width: max-content;
+        display: flex;
+    }
+    #a, #b {
+        width: 100px;
+        height: 100px;
+    }
+</style>
+<script src="../include.js"></script>
+<body>
+    <div id="foo">
+        <div id="a">a</div>
+        <div id="b">b</div>
+    </div>
+</body>
+<script>
+    test(() => {
+        const a = document.getElementById("a");
+        const b = document.getElementById("b");
+        println(getComputedStyle(foo).width);
+        a.remove();
+        println(getComputedStyle(foo).width);
+        foo.insertBefore(a, b);
+        println(getComputedStyle(foo).width);
+    });
+</script>
diff --git a/Tests/LibWeb/Text/input/layout-tree-update/partial-layout-tree-update-4.html b/Tests/LibWeb/Text/input/layout-tree-update/partial-layout-tree-update-4.html
new file mode 100644
index 00000000000..076ea509818
--- /dev/null
+++ b/Tests/LibWeb/Text/input/layout-tree-update/partial-layout-tree-update-4.html
@@ -0,0 +1,26 @@
+<!doctype html>
+<style>
+    * {
+        outline: 1px solid black;
+    }
+    #foo {
+        width: max-content;
+        display: flex;
+    }
+</style>
+<script src="../include.js"></script>
+<body>
+    <div id="foo">
+        <div id="a">a</div>
+        <div id="b">b</div>
+    </div>
+</body>
+<script>
+    test(() => {
+        println(getComputedStyle(foo).width);
+        a.textContent = "foo";
+        println(getComputedStyle(foo).width);
+        b.textContent = "bar";
+        println(getComputedStyle(foo).width);
+    });
+</script>
diff --git a/Tests/LibWeb/Text/input/layout-tree-update/partial-layout-tree-update-5.html b/Tests/LibWeb/Text/input/layout-tree-update/partial-layout-tree-update-5.html
new file mode 100644
index 00000000000..dba82d20256
--- /dev/null
+++ b/Tests/LibWeb/Text/input/layout-tree-update/partial-layout-tree-update-5.html
@@ -0,0 +1,38 @@
+<!doctype html>
+<style>
+    * {
+        outline: 1px solid black;
+    }
+    #foo {
+        width: max-content;
+        display: flex;
+        gap: 10px;
+    }
+    #foo div {
+        background: green;
+        width: 50px;
+        height: 50px;
+    }
+    #foo #c {
+        background: orange;
+        width: 100px;
+        height: 100px;
+    }
+    #container {
+        display: contents;
+    }
+</style>
+<script src="../include.js"></script>
+<body><div id="foo"><div id="container"><div id="a"></div></div><div id="c"></div></body>
+<script>
+    test(() => {
+        println("foo width: " + getComputedStyle(foo).width);
+        let b = document.createElement("div");
+        b.setAttribute("id", "b");
+        container.appendChild(b);
+        println("a width: " + getComputedStyle(a).width);
+        println("b width: " + getComputedStyle(b).width);
+        println("c width: " + getComputedStyle(c).width);
+        println("foo width: " + getComputedStyle(foo).width);
+    });
+</script>
