From da3202f3c3e7001fbe7ebc57f4b4c4c1cff85016 Mon Sep 17 00:00:00 2001
From: Andrew Kingston <andrew@kingston.dev>
Date: Mon, 17 Oct 2022 09:00:55 +0100
Subject: [PATCH] Only transition padding when expanding components during DND,
 but remove it immediately on drop to avoid layout thrashing

---
 packages/client/src/components/Component.svelte | 4 +---
 1 file changed, 1 insertion(+), 3 deletions(-)

diff --git a/packages/client/src/components/Component.svelte b/packages/client/src/components/Component.svelte
index c9872f246b..1885d22836 100644
--- a/packages/client/src/components/Component.svelte
+++ b/packages/client/src/components/Component.svelte
@@ -505,14 +505,12 @@
   .component {
     display: contents;
   }
-  .component :global(> *) {
-    transition: padding 260ms ease-out, border 260ms ease-out;
-  }
   .component.pad :global(> *) {
     padding: var(--spacing-l) !important;
     gap: var(--spacing-l) !important;
     border: 2px dashed var(--spectrum-global-color-gray-400) !important;
     border-radius: 4px !important;
+    transition: padding 260ms ease-out, border 260ms ease-out;
   }
   .interactive :global(*) {
     cursor: default;