Backdrop stays open after navigate using routerlink from inside mat dialog
See original GitHub issueWhat is the expected behavior?
When clicking an element with the routerLink
directive, the navigation should close the dialog and make the backdrop disappear
What is the current behavior?
The dialog closes but the backdrop stays open.
Doesn’t work even with closeOnNavigation: true
or with applying mat-dialog-close
to the element that has the routerLink
directive
What are the steps to reproduce?
Providing a StackBlitz reproduction is the best way to share your issue.
StackBlitz starter: https://goo.gl/wwnhMV
Have an element with a routerLink directive inside a mat dialog template and click on it to navigate.
Which versions of Angular, Material, OS, TypeScript, browsers are affected?
Angular Core: 7.2.5 Angular Material: 7.3.2
Is there anything else we should know?
Issue Analytics
- State:
- Created 5 years ago
- Reactions:6
- Comments:6 (2 by maintainers)
Top Results From Across the Web
Backdrop stays open after navigate using routerlink ... - GitHub
The dialog closes but the backdrop stays open. Doesn't work even with closeOnNavigation: true or with applying mat-dialog-close to the element ...
Read more >Close Angular Material Dialog On Browser Back
1. From app component · 2. From dialog component · 1. Configure dialog not to close on navigation · 2. Add CanActivateChild guard...
Read more >Routing to Angular Material Dialogs | by John Crowson | ngconf
Now our dialog opens when the user navigates to “/home/dialog”, but it does not return to “/home” after the dialog is closed. Navigate...
Read more >Angular Material Dialog not closing when I navigate to a new ...
I have a popup that asks if you want to make a Google or Windows account. When I click on either of the...
Read more >how to prevent mat dialog close on click outside - You.com
Use the Event.stopPropagation() function on the outer-most parent of your form inside the menu. You might also want to prevent the menu from...
Read more >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
Any news on this?
My current workaround:
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.