Topic: Enhanced modals not working in safari large screen

harrison pro asked 6 years ago


Modals flash and then disappear in Safari. This is on this page https://mdbootstrap.com/docs/jquery/modals/basic/ but I've been able to replicate it locally and with mdbootstrap react.

If I shrink the screen they render fine at the breakpoint that all these positioned modals switch to displaying in the center.

 

 


Bartłomiej Malanowski staff commented 6 years ago

What's your version of Mac OS?


harrison pro commented 6 years ago

My version of Mac OS is 10.14.2

15 inch 2017 macbook pro

Safari is Version 12.0.2 (14606.3.4)

 


harrison pro commented 6 years ago

The modal is there, but not visible. It is capturing clicks to any UI elements underneath it. We use the "top" version, which covers our top navigation bar. It is confusing to users in this spot since they try to click the top navigation links but nothing happens.


Bartłomiej Malanowski staff commented 6 years ago

Thank you for reporting this. I was able to recreate this awful issue. Currently, I have no idea what makes some of the modals invisible, but that's the something that we need to fix in the nearest future



Please insert min. 20 characters.

FREE CONSULTATION

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

Status

Opened

Specification of the issue

  • ForumUser: Pro
  • Premium support: No
  • Technology: General Bootstrap questions
  • MDB Version: -
  • Device: Mac
  • Browser: Safari
  • OS: Latest
  • Provided sample code: No
  • Provided link: No