Fix — MatDialog not displaying properly

If you are not interested in listening to the whole story then please jump to THE SOLUTION section straight away

The broken Mat-Dialog UI

I wanted to display a confirm dialog box on one of the components when a user tries to change some option.

Solutions for other problems related to MatDialog that might be helpful

The Solution

I included the dialog component in the module but I did not include the component in the entryComponents

entryComponents: [ ExampleDialogComponent ]

I did just that and it worked like a charm.

learner. seeker.