Topic: Timepicker in Modal Doesnt Open
*Expected behavior*I have a timepicker inside a modal. When I click on the input, I expect for it to open and remain open when I let go of the mouse.
*Actual behavior*It opens for a millisecond and then shuts down when I let end the click.(I already saw the answers on how to change the overflow css property to keep the timepicker from cutting off - different problem though)
Resources (screenshots, code snippets etc.)http://www.inacap.cl/web/troubleshoot/timepicker-modal.mov
We had some trouble recreating this issue, because it varies from browser to browser and depends on the length of the click. I've spoken with our jQuery team - they are already working on it.
Helmke premium commented 6 years ago
I look forward to your rpeply. We are using the date picker and would like to use the time picker to match. The date picker works fine.
Magdalena Dembna staff commented 6 years ago
The fix will be included in the next release.
Helmke premium commented 6 years ago
Can you tell me the time frame for the next release?
Magdalena Dembna staff commented 6 years ago
If everything goes according to the plan, it should be out on Monday.
Helmke premium commented 6 years ago
I can confirm this is fixed in 4.8.5.
Magdalena Dembna staff commented 6 years ago
Thank you for your feedback ;)
Just to add to this, I see there was issue opened on GitHub about this and it says it was fixed in ver 4.7.5. I am on the very latest 4.8.3 (and tried 4.8.4) and I still have the issue.
https://github.com/mdbootstrap/bootstrap-material-design/issues/225
I am seeing this issue also, and you can see it easily on the timepicker bootstrap page here:
https://mdbootstrap.com/docs/jquery/forms/time-picker/
Issue is in Chrome, Firefox is ok.
Note that it works ok on this page, not sure what version of the TimePicker is here:
https://ng-admin-pro.mdbootstrap.com/components/time-picker
-Rich
You can also see the problem here: https://codepen.io/anon/pen/RPwJvY (Not uploaded by me, just found it while searching for a solution)
Magdalena Dembna staff commented 6 years ago
Problem in this code snippet is different from the one you've described - it says open but it's contained within a modal. Can you share you code here: https://mdbootstrap.com/snippets ? It would be much easier to find a solution.
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Answered
- ForumUser: Pro
- Premium support: No
- Technology: MDB jQuery
- MDB Version: 4.5.9
- Device: All
- Browser: Chrome
- OS: All
- Provided sample code: No
- Provided link: Yes