search

logbon72 / angular-material-datetimepicker

Datepicker for Angular Material, mimick's Android's date time picker
https://logbon72.github.io/angular-material-datetimepicker
MIT License
169 stars 123 forks source link

If opened from a modal it goes outside the browser #127

Open ErickXavier opened 6 years ago

ErickXavier commented 6 years ago

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. whatsapp image 2018-02-27 at 09 22 15

hexadecy commented 6 years ago

@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 commented 6 years ago

Ok, thanks!

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

hexadecy commented 6 years ago

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 commented 6 years ago

That's what I did.

hexadecy commented 6 years ago

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