Remount button action components fully when changing action to prevent stale UI

5 years ago · c7edfa7f59
1 changed files with 9 additions and 7 deletions
--- a/packages/builder/src/components/design/PropertiesPanel/PropertyControls/ButtonActionEditor/ButtonActionDrawer.svelte
+++ b/packages/builder/src/components/design/PropertiesPanel/PropertyControls/ButtonActionEditor/ButtonActionDrawer.svelte
@ -126,13 +126,15 @@
  </Layout>
  <Layout noPadding>
    {#if selectedActionComponent}
-      <div class="selected-action-container">
+      {#key selectedAction.id}
-        <svelte:component
+        <div class="selected-action-container">
-          this={selectedActionComponent}
+          <svelte:component
-          parameters={selectedAction.parameters}
+            this={selectedActionComponent}
-          bindings={allBindings}
+            parameters={selectedAction.parameters}
-        />
+            bindings={allBindings}
-      </div>
+          />
        </div>
      {/key}
    {/if}
  </Layout>
 </DrawerContent>