If opened from a modal it goes outside the browser

[ErickXavier]

Hi,

I'm using AngularJS 1.6.9, Angular Material 1.1.7 and Angular Material Datepicker 1.5.1. Everytime I open the Datepicker from inside a modal, it shows with part of it outside the browser, on the top, always with top: 0px.

[hexadecy]

@ErickXavier please mare sure you use at least version Angular Material Datepicker 1.13.0 from my fork: https://github.com/beenote/angular-material-datetimepicker. Which browser is that?

[ErickXavier]

Ok, thanks!

I'm using Chrome with this theme: https://chrome.google.com/webstore/detail/material-incognito-dark-t/ahifcnpnjgbadkjdhagpfjfkmlapfoel

[hexadecy]

md-dialog normally open at the center of the screen.

Maybe, you can supply your own CSS to override the default ones.

.dtp .md-dialog-container {
  position: absolute;
}

[ErickXavier]

That's what I did.

[hexadecy]

Does that solved the issue? I think changing the included CSS will maybe break some other use case.