Topic: DatePicker problem in modal window and a solution
Hi!
To use the DatePicker in modal windows causes some problems with the z-Index. First the DatePicker produces scrollbars if the modal window ist smaller than the DatePicker and in the second case FormFields are blocked by the DatePicker´s overlay. You can fix this problem by adding following styles to your scss files:
.picker {
.picker__holder {
overflow-y: visible;
display:none;
}
&.picker--opened {
.picker__holder {
display: block;
}
}
}
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Status
Resolved
Specification of the issue
- User: Pro
- Premium support: No
- Technology: MDB Angular
- MDB Version: -
- Device: -
- Browser: -
- OS: -
- Provided sample code: No
- Provided link: No
Damian Gemza staff commented 6 years ago
Dear Winter, Thanks for your report! We'll check your code, and if it won't produce any other problems, we'll add it to our source codes. Best Regards, DamianDamian Gemza staff commented 6 years ago
Dear Winter, Could you please specify in which scenario problems which you're describing occurs? Or please show me the code with which I'll be able to observe that behavior. Best Regards, Damian