angular / angular/components

Add `completed` event for stepper / steps

Open
#12,908 18 comments 6 reactions 0 assignees View on GitHub
area: cdk/stepper area: material/stepper feature good first issue help wanted P4
Dominant language
TypeScript
Stars
25k
Forks
6.8k
Avg merge
1d 8h
Merged PRs (30d)
91

Description

#### Bug, feature request, or proposal:
Proposal

#### What is the expected behavior?
Optionally allow the consumer define if it wants to auto-advance an step when it completes (by using [completed] step property)

#### What is the current behavior?
Nothing happens as soon the step is marked as completed

#### What is the use-case or motivation for changing an existing behavior?
Use Observable based state such as NgRx stores, and in a more functional way allow set the stepper navigation based on state, now I have to subscribe to store and call navigation via an stepper instance in order to handle steps advance, too imperatively and also results in a awful timing issues because when stepper.next() is called and [completed] property update is on its way nothing happens.

#### Is there anything else we should know?
I'm willing to implement such feature. No breaking changes would be introduced.

Contributor guide

Open the contributing guide

Research direction

Start at the Angular Material stepper/steps component entry point and inspect how the existing completed step property and navigation are handled. Clarify the optional auto-advance contract, its interaction with state updates, and the regression coverage needed; done means the behavior is opt-in and does not break existing navigation.

Written by the indexing model from the issue text.

Assessment

Tech stack
angular, typescript
Domain
frontend
Issue type
Feature
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.