Topic: MDBTimepicker showing behind modal
Expected behavior MDBTimepicker should show in front of the modal when opened.
Actual behavior MDBTimepicker is hidden behind the modal when opened.
I had the same issue with the MDBSelect and fixed it with the code below which I found on here. div[data-popper-reference-hidden="false"] { z-index: 1070; }
Is there any work around as it's something I need to get working for my project, rather than waiting on a new release
Hi!
Today we released a new version, so it should be fixed. If this problem still occurs - please write about it here. In this case, you can use scss like before and add this piece of code:
.timepicker-modal {
z-index: 1070 !important!;
}
Keep coding!
Still the same issue with the css code above. In my downloads I only have access to download MDB5-REACT-UI-KIT-Pro-Essential-1.0.0-beta2. Where can I get the latest version?
Hi!
There was a problem on our side. I'm sorry for that inconvenience. Now you should be able to download the latest package (MDB React UI Kit Pro Essential 1.0.0-beta6). Please, check if this problem still occurs and if not - write back :)
Keep coding!
Hi, Problem still occurring with BETA 6. Time picker is still showing up behind the modal. When I close the modal the timepicker is visible.
Also just to add that I'm using the datepicker on the same modal and it works ok.
Krzysztof Wilk staff commented 3 years ago
Could you deploy your project using our MDB CLI (you can check it here: https://mdbootstrap.com/docs/standard/cli/quick-start/) to show me your problem? I can't recreate it - when I'm using opened modal with opened time picker everything looks fine, z-index of these components looks good, so it's hard to say something without a code :)
Keep coding!
I'm seeing this same bug with 1.4.0 mdb5-react-ui-kit-pro-advanced.
Krzysztof Wilk staff commented 3 years ago
Thanks for reporting that, maybe some changes had an influence on this. We'll check it as soon as possible.
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Answered
- User: Free
- Premium support: No
- Technology: MDB React
- MDB Version: MDB5 1.0.0-beta2
- Device: N\\A
- Browser: N\\A
- OS: N\\A
- Provided sample code: No
- Provided link: No