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

[skrtheboss]

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?

[yassernasc]

thanks to show a workaround at the demo, great

[skrtheboss]

Problem still persists in Material 9.0.0 Demo.

[baras]

Problem still persists in Material 13.2.4. But seems to be fixed in 15.0.0 👍