Opening multiple dialogs simultaneously does not focus the top dialog
See original GitHub issueBug, feature request, or proposal:
Bug
What is the expected behavior?
When multiple dialogs are open the focus should transfer to the next dialog when closing the first one.
What is the current behavior?
The next dialog is not in focus when closing one dialog.
What are the steps to reproduce?
Providing a StackBlitz/Plunker (or similar) is the best way to get the team to see your issue.
Plunker starter (using on @master
): https://goo.gl/DlHd6U
StackBlitz starter (using latest npm
release): https://goo.gl/wwnhMV
http://plnkr.co/edit/L3mmNpTBRKnWL5Edn9SX?p=preview
Press button Open two dialogs, then press enter repeatedly.
It should close both dialogs, but instead dialog second dialog is closed on first enter and after that first dialog is not closed but the Open two dialogs button is focused and two new dialogs are opened on pressing enter.
What is the use-case or motivation for changing an existing behavior?
To be able to close all dialogs with keypress and not focus stuff that is behind the dialog.
Which versions of Angular, Material, OS, TypeScript, browsers are affected?
All material versions
Is there anything else we should know?
Issue Analytics
- State:
- Created 6 years ago
- Comments:7 (4 by maintainers)
Top GitHub Comments
It doesn’t work because you’re opening them at the same time. Dialogs move focus after the animation is finished.
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.