diff --git a/LayoutTests/compositing/tiling/sticky-change-to-tiled-expected.html b/LayoutTests/compositing/tiling/sticky-change-to-tiled-expected.html
new file mode 100644
index 000000000000..3d300f991837
--- /dev/null
+++ b/LayoutTests/compositing/tiling/sticky-change-to-tiled-expected.html
@@ -0,0 +1,44 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <style>
+        body {
+            margin: 0;
+        }
+        .sticky {
+            position: sticky;
+            top: 0px;
+            left: 100px;
+            width: 300px;
+            height: 300px;
+            border: 1px solid black;
+            height: 2000px;
+        }
+
+        .green {
+            width: 100px;
+            height: 100px;
+            background-color: green;
+        }
+
+        .red {
+            position: absolute;
+            top: 0px;
+            left: 100px;
+            width: 100px;
+            height: 100px;
+            background-color: red;
+        }
+
+        ::-webkit-scrollbar {
+            display: none;
+        }
+    </style>
+</head>
+<body>
+    <div class="red"></div>
+    <div class="sticky">
+        <div class="green"></div>
+    </div>
+</body>
+</html>
diff --git a/LayoutTests/compositing/tiling/sticky-change-to-tiled.html b/LayoutTests/compositing/tiling/sticky-change-to-tiled.html
new file mode 100644
index 000000000000..cf564f540d88
--- /dev/null
+++ b/LayoutTests/compositing/tiling/sticky-change-to-tiled.html
@@ -0,0 +1,58 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <style>
+        body {
+            margin: 0;
+        }
+        .sticky {
+            position: sticky;
+            top: 0px;
+            left: 100px;
+            width: 300px;
+            height: 300px;
+            border: 1px solid black;
+        }
+        body.changed .sticky {
+            height: 5000px;
+        }
+
+        .green {
+            width: 100px;
+            height: 100px;
+            background-color: green;
+        }
+
+        .red {
+            position: absolute;
+            top: 0px;
+            left: 100px;
+            width: 100px;
+            height: 100px;
+            background-color: red;
+        }
+        
+        ::-webkit-scrollbar {
+            display: none;
+        }
+    </style>
+    <script>
+        if (window.testRunner)
+            testRunner.waitUntilDone();
+
+        window.addEventListener('load', () => {
+            requestAnimationFrame(() => {
+                document.body.classList.add('changed');
+                if (window.testRunner)
+                    testRunner.notifyDone();
+            })
+        }, false);
+    </script>
+</head>
+<body>
+    <div class="red"></div>
+    <div class="sticky">
+        <div class="green"></div>
+    </div>
+</body>
+</html>
diff --git a/LayoutTests/compositing/tiling/sticky-with-backdrop-expected.html b/LayoutTests/compositing/tiling/sticky-with-backdrop-expected.html
new file mode 100644
index 000000000000..7d2bcbcb7884
--- /dev/null
+++ b/LayoutTests/compositing/tiling/sticky-with-backdrop-expected.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <style>
+        body {
+            margin: 0;
+        }
+        .sticky {
+            position: sticky;
+            top: 0px;
+            left: 100px;
+            width: 300px;
+            height: 300px;
+            background-color: green;
+        }
+
+        .red {
+            position: absolute;
+            top: 0px;
+            left: 100px;
+            width: 300px;
+            height: 300px;
+            background-color: red;
+        }
+    </style>
+</head>
+<body>
+    <div class="red"></div>
+    <div class="sticky"></div>
+</body>
+</html>
diff --git a/LayoutTests/compositing/tiling/sticky-with-backdrop.html b/LayoutTests/compositing/tiling/sticky-with-backdrop.html
new file mode 100644
index 000000000000..b48e404cd254
--- /dev/null
+++ b/LayoutTests/compositing/tiling/sticky-with-backdrop.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <style>
+        body {
+            margin: 0;
+        }
+        .sticky {
+            position: sticky;
+            top: 0px;
+            left: 100px;
+            width: 300px;
+            height: 300px;
+            background-color: green;
+            -webkit-backdrop-filter: contrast(1);
+        }
+
+        .red {
+            position: absolute;
+            top: 0px;
+            left: 100px;
+            width: 300px;
+            height: 300px;
+            background-color: red;
+        }
+    </style>
+</head>
+<body>
+    <div class="red"></div>
+    <div class="sticky"></div>
+</body>
+</html>
diff --git a/Source/WebCore/rendering/RenderLayerCompositor.cpp b/Source/WebCore/rendering/RenderLayerCompositor.cpp
index 46de72259914..8e5f36a4f99f 100644
--- a/Source/WebCore/rendering/RenderLayerCompositor.cpp
+++ b/Source/WebCore/rendering/RenderLayerCompositor.cpp
@@ -678,7 +678,7 @@ void RenderLayerCompositor::didChangePlatformLayerForLayer(RenderLayer& layer, c
         clippingStack->updateScrollingNodeLayers(*scrollingCoordinator);
 
     if (auto nodeID = backing->scrollingNodeIDForRole(ScrollCoordinationRole::ViewportConstrained))
-        scrollingCoordinator->setNodeLayers(nodeID, { backing->graphicsLayer() });
+        scrollingCoordinator->setNodeLayers(nodeID, { backing->viewportAnchorLayer() });
 
     if (auto nodeID = backing->scrollingNodeIDForRole(ScrollCoordinationRole::FrameHosting))
         scrollingCoordinator->setNodeLayers(nodeID, { backing->graphicsLayer() });
