Topic: Enhanced modals not working in safari large screen
harrison pro asked 5 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.
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
Bartłomiej Malanowski staff commented 5 years ago
What's your version of Mac OS?
harrison pro commented 5 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 5 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 5 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