search

fetrarij / ngx-daterangepicker-material

Pure Angular 2+ date range picker with material design theme, a demo here:
https://fetrarij.github.io/ngx-daterangepicker-material/
MIT License
250 stars 255 forks source link

popup doesn't spill over other elements #250

Closed tylertucker202 closed 4 years ago

tylertucker202 commented 4 years ago

Thanks for making this available. This component is great!

I've implemented it on my app argovis.colorado.edu.

The calendar popup is confined to sidebar menu is a bit squished (see image attached) Screenshot from 2020-03-25 16-48-30. Is there any way we can get it to spill over horizontally so that it covers some of the map element? I've tried altering the popup's style to .md-drppicker { position: relative !important; z-index: 1000000; } in my main styles.css but it still is squished in the sidebar. Setting the position to absolute didn't work either. I used to use ng2-daterangepicker until today, and it spilled over.

Thank you for your help!

tylertucker202 commented 4 years ago

I took another swing at this issue. I could get it to spill over with the css below.

.md-drppicker.shown.drops-down-right { position: fixed; }

srinicoollife commented 3 years ago

@tylertucker202 this solutions works for me too. thanks for sharing