angular datepicker behind tabs

Topic: angular datepicker behind tabs

riccy pro asked 7 years ago

as you can see, the top of the datepicker is behind the tabset. any ideas how to solve this? thank you.

Add comment

id90travel pro answered 6 years ago

This is still an issue with us too. Please look into it. Changing the z-index of the picker does not matter. The issue is because the picker is a child of the tabs and setting the z-index does not matter because the context of the picker is already below the tabs.

Damian Gemza staff commented 6 years ago

Dear id90travel, Please head into /scss/pro/_tabs.scss and comment line 42 (z-index: 1). This should fix your problem. I will include that solution to next release. Best Regards, Damian

Add comment

riccy pro answered 6 years ago

0 0 Best answer

The problem still exists. This thread: https://mdbootstrap.com/support/problem-date-picker-with-tab-nav-tab-tab-content-card/ made me try to remove the [contentClass]="'card'" and replace it with [contentClass]="''". Now the datepicker is no more behind the nav tabs. Could you please investigate this behaviour?

Damian Gemza staff commented 6 years ago

Hmmm, that's strange.. We've tested this case, and we haven't got any problems with datepicker. Could you send me your project without any changes with [contentClass] and without node_modules @ d.gemza@mdbootstrap.com ? i'll investigate that. Best Regards, Damian

Add comment

riccy pro answered 7 years ago

0 0 Best answer