diff --git a/packages/standard-components/src/forms/FormStep.svelte b/packages/standard-components/src/forms/FormStep.svelte index 4806cfc86c..34894aa6eb 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) } }