Dialog not working with SideNav?

[dannyhchan]

Bug, feature request, or proposal:

Using a basic dialog with sidenav and the dialog is forced to the left side. Please see attachment.

Wondering if the dialog is suppose to be outside of the md-sidenav-container. My router-outlet is within the md-sidenav-container as I want to use the fullscreen side nav.

What is the expected behavior?

Should be centered.

What is the current behavior?

Part of the Dialog is on the left side showing full height. Unable to see any content.

What are the steps to reproduce?

Providing a Plunker (or similar) is the best way to get the team to see your issue.
Plunker template: https://goo.gl/DlHd6U

What is the use-case or motivation for changing an existing behavior?

Which versions of Angular, Material, OS, TypeScript, browsers are affected?

Is there anything else we should know?

[donroyco]

Please provide a Plunker to reproduce the issue.

[agpreynolds]

did you add the dialog component to the entry components of you app.module?

[dannyhchan]

Here's an example. Click on "Open Dialog" button in main window.
https://plnkr.co/edit/Yl4tlil4hBfkikiWg3qd?p=preview

[donroyco]

@dannyhchan When clicking, it gives a clear error message:

Error: No component factory found for DialogOverviewExampleDialog. Did you add it to @NgModule.entryComponents?

[dannyhchan]

Looks like it's working after adding it to entryComponents in main.ts. Thank you!

[angular-automatic-lock-bot]

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.}