From 3020b59d86c0f04d37dcb9d54a02da06bb981b12 Mon Sep 17 00:00:00 2001
From: Andrew Kingston <aptkingston@ssl-mail.com>
Date: Thu, 19 Aug 2021 14:56:56 +0100
Subject: [PATCH] Only show the selected step if not already selected

---
 .../src/forms/FormStep.svelte                 | 19 +++++++++----------
 1 file changed, 9 insertions(+), 10 deletions(-)

diff --git a/packages/standard-components/src/forms/FormStep.svelte b/packages/standard-components/src/forms/FormStep.svelte
index 4806cfc86..34894aa6e 100644
--- a/packages/standard-components/src/forms/FormStep.svelte
+++ b/packages/standard-components/src/forms/FormStep.svelte
@@ -2,7 +2,7 @@
   import { getContext, setContext } from "svelte"
   import Placeholder from "../Placeholder.svelte"
 
-  export let step
+  export let step = 1
 
   const { styleable, builderStore } = getContext("sdk")
   const component = getContext("component")
@@ -14,16 +14,15 @@
   $: formState = formContext?.formState
   $: currentStep = $formState?.currentStep
 
-  // If in the builder preview, show this step if it is selected
+  // If in the builder preview, show this step if a child is selected
   $: {
-    if (step && formContext && $builderStore.inBuilder) {
-      console.log($builderStore.selectedPath)
-      console.log($component.id)
-
-      if ($builderStore.selectedComponentPath?.includes($component.id)) {
-        console.log("selecting " + step)
-        formContext.formApi.setStep(step)
-      }
+    if (
+      formContext &&
+      $builderStore.inBuilder &&
+      $builderStore.selectedComponentPath?.includes($component.id) &&
+      $formState?.currentStep !== step
+    ) {
+      formContext.formApi.setStep(step)
     }
   }
 </script>