Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

MatStepper breaks in MatDialog if selectedIndex is changed while first animations are running #15410

Open
skrtheboss opened this issue Mar 7, 2019 · 3 comments
Open

MatStepper breaks in MatDialog if selectedIndex is changed while first animations are running #15410

skrtheboss opened this issue Mar 7, 2019 · 3 comments
Labels
animation This issue is related to Angular animations or CSS animations area: cdk/stepper area: material/dialog P3 An issue that is relevant to core functions, but does not impede progress. Important, but not urgent

Comments

@skrtheboss
Copy link
Contributor

What is the expected behavior?

When a MatStepper is used in a MatDialog, and the user changes tab while first animations are running, then the MatStepper should switch to that tab correctly.

What is the current behavior?

MatStepper breaks if the user changes tab while the first animation is running (500ms) ( but only if it is located in a MatDialog ).
It does not recover from this state, the user is no longer able to switch tabs.

What are the steps to reproduce?

Minimal Stackblitz example

To reproduce the behaviour click on Open No Animations Await Dialog and after that try to switch between tabs.

Which versions of Angular, Material, OS, TypeScript, browsers are affected?

Angular 7.2.8
Material 7.3.1

Is there anything else we should know?
@josephperrott josephperrott added animation This issue is related to Angular animations or CSS animations P3 An issue that is relevant to core functions, but does not impede progress. Important, but not urgent labels Jun 4, 2019
@yassernasc
Copy link

thanks to show a workaround at the demo, great
@skrtheboss
Copy link
Contributor Author

Problem still persists in Material 9.0.0 Demo.
@baras
Copy link

baras commented Nov 22, 2022 •
edited
Loading

Problem still persists in Material 13.2.4.
But seems to be fixed in 15.0.0 👍
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
animation This issue is related to Angular animations or CSS animations area: cdk/stepper area: material/dialog P3 An issue that is relevant to core functions, but does not impede progress. Important, but not urgent
5 participants
@baras @yassernasc @skrtheboss @josephperrott @andrewseguin