Topic: Modals doesnt work on safari

jorge.alemangonzalez free asked 5 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 !!



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

  • ForumUser: 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