Indicators disappear after setting disabled to false

Dear, I have a stepper that has a disabled property, which is set to false when the formgroup is valid.
But from the moment one of the formgroups is valid, the indicator disappear

<ejs-stepper #stepper (stepChanged)="onStepChange($event)">
      <e-steps>
        <e-step
          #step1
          [label]="'NewProject.Identification.Label' | translate"
          [text]="'1'"
        ></e-step>
        <e-step
          #step2
          [label]="'NewProject.Classification.Label' | translate"
          [text]="'2'"
          [disabled]="projectIdentificationFg.invalid"
        ></e-step>
        <e-step
          #step3
          [label]="'NewProject.Timing.Label' | translate"
          [text]="'3'"
          [disabled]="projectIdentificationFg.invalid || projectClassificationFg.invalid"
        ></e-step>
      </e-steps>
    </ejs-stepper> Image_7383_1727271512924
Image_3943_1727684911037

2 Replies

IS Indrajith Srinivasan Syncfusion Team September 30, 2024 09:21 AM UTC

Hi Niels,

Greetings from Syncfusion support,

We have validated and are able to reproduce the reported issue with the stepper and we have considered “Text indicators disappear when the disabled property is updated dynamically in the stepper” as a bug from our end. The fix will be included with our upcoming weekly patch release scheduled on 15th October 2024.


You can track the status of this improvement feature through this feedback link:

https://www.syncfusion.com/feedback/61644
 

Disclaimer: “Inclusion of this solution in the weekly release may change due to other factors including but not limited to QA checks and works reprioritization.”


Regards,

Indrajith



IS Indrajith Srinivasan Syncfusion Team October 16, 2024 05:04 AM UTC

Hi Niels,


Thanks for your patience.


We have resolved the issue where "Text indicators disappear when the disabled property is updated dynamically" in the Stepper component. The fix has been included in our weekly release (v27.1.53). Please upgrade to the latest version of our packages to resolve the reported issue.


Release notes: https://ej2.syncfusion.com/angular/documentation/release-notes/27.1.53?type=all#stepper


Sample: Link


Root cause analysis (RCA):

Previously, the Stepper’s text property was being reset to null when the disabled property of the steps was updated dynamically, causing the indicators to be removed. This issue has now been resolved, ensuring that the text value is retained when dynamically updating the disabled property of the steps.


Regards,

Indrajith


Loader.
Up arrow icon