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

https://mdbootstrap.com/snippets/jquery/jorge-alemangonzalez/668145?action=forum_snippet

https://test.arexapp.es/

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.

FREE CONSULTATION

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

Status

Answered

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