angular / angular/components

Stepper should provide an click event for step changes

Open
#22,416 6 comments 2 reactions 0 assignees View on GitHub
area: cdk/stepper feature P3
Dominant language
TypeScript
Stars
25k
Forks
6.8k
Avg merge
1d 8h
Merged PRs (30d)
91

Description

Bug, feature request, or proposal:
Feature request

What is the expected behavior?
Add an click event that gets triggered when the step is clicked in the stepper component

What is the current behavior?
There's no such event.

What are the steps to reproduce?
NA

What is the use-case or motivation for changing an existing behavior?
We have some business logic that we need to save at each step. We have to show the message on click of step "Are you confirm?", we implemented with button click but unable to do in step click, and it's moving forward to next step on clicking of step.

Which versions of Angular, Material, OS, TypeScript, browsers are affected?
Angular 9+
Angular material 11.2

Is there anything else we should know?
Tried to use selectionChange event, no use.its working after the click event. i want to show or prevent before the change event.


needs to add click event on step like above. As of there is no option like that

Contributor guide

Open the contributing guide

Research direction

Locate the Angular Material stepper implementation behind mat-horizontal-stepper and mat-step, then trace the selectionChange and step-click navigation paths. Review the relevant stepper tests if available; the work is complete when the requested step interaction is covered and supports the confirmation or prevention behavior described in the issue.

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
Mostly clear
Newbie friendliness
38/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.