From 9ac8497b19e6aca166b902e447403369eaf4be9c Mon Sep 17 00:00:00 2001
From: Jay George <contact@jaygeorge.co.uk>
Date: Thu, 19 Feb 2026 17:50:55 +0000
Subject: [PATCH 1/3] Switch from contain-paint to overflow-clip as per the
 previous motion implementation

---
 resources/js/components/fieldtypes/replicator/Set.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/resources/js/components/fieldtypes/replicator/Set.vue b/resources/js/components/fieldtypes/replicator/Set.vue
index bab0ccacb5..d642e9b1ab 100644
--- a/resources/js/components/fieldtypes/replicator/Set.vue
+++ b/resources/js/components/fieldtypes/replicator/Set.vue
@@ -200,7 +200,7 @@ reveal.use(rootEl, () => emit('expanded'));
                 </div>
             </header>
 
-            <div v-show="!collapsed" class="contain-paint">
+            <div v-show="!collapsed" class="overflow-clip">
                 <div :tabindex="collapsed ? -1 : undefined" :inert="collapsed">
                     <FieldsProvider
                         :fields="config.fields"

From 6fe2ad6554981ec44a17bb26e779763b5f6408db Mon Sep 17 00:00:00 2001
From: Jay George <contact@jaygeorge.co.uk>
Date: Thu, 19 Feb 2026 17:57:44 +0000
Subject: [PATCH 2/3] Correct logic. Clipping should only happen when sets are
 collapsed

---
 resources/js/components/fieldtypes/bard/Set.vue       | 2 +-
 resources/js/components/fieldtypes/replicator/Set.vue | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/resources/js/components/fieldtypes/bard/Set.vue b/resources/js/components/fieldtypes/bard/Set.vue
index a378efea23..4346c78e83 100644
--- a/resources/js/components/fieldtypes/bard/Set.vue
+++ b/resources/js/components/fieldtypes/bard/Set.vue
@@ -75,7 +75,7 @@
                 </div>
             </header>
 
-            <div v-if="index !== undefined" v-show="!collapsed" class="contain-paint">
+            <div v-if="index !== undefined" v-show="!collapsed" :class="{ 'contain-paint': collapsed }">
                 <FieldsProvider
                     :fields="fields"
                     :as-config="false"
diff --git a/resources/js/components/fieldtypes/replicator/Set.vue b/resources/js/components/fieldtypes/replicator/Set.vue
index d642e9b1ab..981f19f38d 100644
--- a/resources/js/components/fieldtypes/replicator/Set.vue
+++ b/resources/js/components/fieldtypes/replicator/Set.vue
@@ -200,7 +200,7 @@ reveal.use(rootEl, () => emit('expanded'));
                 </div>
             </header>
 
-            <div v-show="!collapsed" class="overflow-clip">
+            <div v-show="!collapsed" :class="{ 'overflow-clip': collapsed }">
                 <div :tabindex="collapsed ? -1 : undefined" :inert="collapsed">
                     <FieldsProvider
                         :fields="config.fields"

From 619ce9509b8d0791633c74124ee60ff88e1bcfbb Mon Sep 17 00:00:00 2001
From: Jay George <contact@jaygeorge.co.uk>
Date: Fri, 20 Feb 2026 10:23:43 +0000
Subject: [PATCH 3/3] Switch from overflow-clip to contain-paint, the same as
 bard/Set.vue. This is more performant for rendering, and I think it should be
 safe to use that because it's only applied to sets when they're closed.

---
 resources/js/components/fieldtypes/replicator/Set.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/resources/js/components/fieldtypes/replicator/Set.vue b/resources/js/components/fieldtypes/replicator/Set.vue
index 981f19f38d..501d74baee 100644
--- a/resources/js/components/fieldtypes/replicator/Set.vue
+++ b/resources/js/components/fieldtypes/replicator/Set.vue
@@ -200,7 +200,7 @@ reveal.use(rootEl, () => emit('expanded'));
                 </div>
             </header>
 
-            <div v-show="!collapsed" :class="{ 'overflow-clip': collapsed }">
+            <div v-show="!collapsed" :class="{ 'contain-paint': collapsed }">
                 <div :tabindex="collapsed ? -1 : undefined" :inert="collapsed">
                     <FieldsProvider
                         :fields="config.fields"