bug(Stepper): Cdk Stepper selected property setter method issue

[kiran-cm]

Is this a regression?

• Yes, this behavior used to work in the previous version

The previous version in which this bug was not present was

No response

Description

Cdk Stepper selected property setter method indexOf not setting correct index.

this.selectedIndex = step && this.steps ? this.steps.toArray().indexOf(step) : -1;

Reproduction

Steps to reproduce:

1. Create stepper using Cdk stepper guide
2. Add onClick on cdkStep
3. In onClick callback, set this.selected = this.steps.get(index);
4. selectedIndex property of CdkStepper class not working properly.

Expected Behavior

selectedIndex property should be set properly correctly when we set selected from wrapper component.

Actual Behavior

selectedIndex set to -1

Environment

• Angular: v16
• CDK/Material: v16
• Browser(s): NA
• Operating System (e.g. Windows, macOS, Ubuntu): NA

[crisbeto]

This is likely down to your implementation. You have to wait for all the steps to be rendered before assigning the selected one (e.g. in ngAfterContentChecked).

[angular-automatic-lock-bot]

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_{This action has been performed automatically by a bot.}