Components: MatDialog not centered and not modal by default

Created on 23 Jan 2018  路  4Comments  路  Source: angular/components

Using angular material 5.1.0

The MatDialog always opens at the bottom. I read one post about this issue with MDDialog, has the issue not been fixed? and the workaround should still be the same by overriding the mat-dialog-container class?

Also, i thought by default it would be modal but it does not seem to be so since i can click the button again and it creates another dialog.

Most helpful comment

never mind this. i got it to work. had to manually add

@import '~@angular/material/prebuilt-themes/deeppurple-amber.css';

in styles.css

All 4 comments

Please use the issue template and provide a StackBlitz with your reproduction of your issue.

Closing this issue as it does not follow the issue template. Please file a new issue that follows the template, which gives the team the information needed to investigate

never mind this. i got it to work. had to manually add

@import '~@angular/material/prebuilt-themes/deeppurple-amber.css';

in styles.css

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

Was this page helpful?
0 / 5 - 0 ratings

Related issues

LoganDupont picture LoganDupont  路  3Comments

vanor89 picture vanor89  路  3Comments

savaryt picture savaryt  路  3Comments

Miiekeee picture Miiekeee  路  3Comments

constantinlucian picture constantinlucian  路  3Comments