Modals doesnt work on safari

Topic: Modals doesnt work on safari

jorge.alemangonzalez asked 3 years ago

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.)

Tank you !!

Bartłomiej Malanowski staff pro premium answered 3 years ago

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

Please insert min. 20 characters.


Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.



Specification of the issue
  • 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