Fixed #5495 - Stepper: changing step is making the StepperPanel a render

primefaces · Apr 1, 2024 · cc03995 · cc03995
1 parent dad9f1b
commit cc03995
Showing 1 changed file with 1 addition and 3 deletions.
diff --git a/components/lib/stepper/Stepper.vue b/components/lib/stepper/Stepper.vue
@@ -35,7 +35,6 @@
                     </slot>
                     <slot v-if="index !== stepperpanels.length - 1" name="separator">
                         <StepperSeparator
-                            v-if="index !== stepperpanels.length - 1"
                             :template="step.children?.separator"
                             :separatorClass="cx('stepper.separator')"
                             :stepperpanel="step"
@@ -50,7 +49,7 @@
             <div :class="cx('panelContainer')" v-bind="ptm('panelContainer')">
                 <template v-for="(step, index) of stepperpanels" :key="getStepKey(step, index)">
                     <StepperContent
-                        v-if="isStepActive(index)"
+                        v-show="isStepActive(index)"
                         :id="getStepContentId(index)"
                         :template="step?.children?.content"
                         :stepperpanel="step"
@@ -103,7 +102,6 @@
                     <div v-show="isStepActive(index)" :class="cx('stepper.toggleableContent')" v-bind="getStepPT(step, 'toggleableContent', index)">
                         <slot v-if="index !== stepperpanels.length - 1" name="separator">
                             <StepperSeparator
-                                v-if="index !== stepperpanels.length - 1"
                                 :template="step.children?.separator"
                                 :separatorClass="cx('stepper.separator')"
                                 :stepperpanel="step"