Topic: Modals doesnt work on safari
Expected behavior
When someone clicks on the clock the modal must be shown
Actual behavior
It does not show on any safari version
Resources (screenshots, code snippets etc.)
https://mdbootstrap.com/snippets/jquery/jorge-alemangonzalez/668145?action=forum_snippet
Tank you !!
This part is causing the issue you're facing:
<div class="d-flex align-items-baseline" style="padding-left: 9px" data-toggle="modal" data-target="#timeInfoModal" >
Once you change it to <button>, everything will work fine
Is there a reason to detect clicking on the div?
You can find a fixed version in my snippet
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 jQuery
- MDB Version: 4.8.0
- Device: iphone
- Browser: safari
- OS: ios
- Provided sample code: No
- Provided link: Yes