While creating an application in Angular 4 using Angular Material 2 modal dialog, it has been noticed that when there is a requirement to simultaneously keep two dialogs open at the same time the first opened dialog closes in Internet Explorer as soon as the second dialog is opened and the second pop-up shows wrong data.
Say for example we have a dialog “update form” to update a record. From that dialog we open another dialog “Information” to give some information required for this “update form”. We want both the dialogs to remain open at the same time. This feature works fine in other browsers but in IE the first dialog “update form” closes as soon the second dialog “Information” is opened.
Code Snippet in general:
1. First, we need to install angular material as shown: