Popover with trigger=focus is not working in Safari when con


Topic: Popover with trigger="focus" is not working in Safari when content loaded dynamically

meesha81 pro premium priority asked 4 days ago

Expected behavior Touch/click on popover link displays popover in all platforms (PC/iOS Safari).

Actual behavior Is not working on touch device iPad. trigger="click" is working on touch device, but do not hide when clicked outside. I want hide popover when clicked out of popover.

Resources (screenshots, code snippets etc.) https://mdbootstrap.com/snippets/standard/meesha81/6389250

Is there something wrong with my usage? Your example which is not dynamically loaded it is working fine with Safari. So it looks like bug when popover is initialized manually via javascript.


Popover is not suppose to close on outside click. It closes on second click on a trigger. You've set to open on focus so it stopped working with click.


meesha81 pro premium priority answered a day ago

Okey, but what about my reported bug? It is about popover opening, not about closing. Information about closing was only "behavior" information.


Kamila Pieńkowska staff commented 11 hours ago

It does work if you set trigger to click. But it is not what you provide in your snippet. You set trigger to "focus" via data attribute.


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: Pro
  • Premium support: Yes
  • Technology: MDB Standard
  • MDB Version: MDB5 8.2.0
  • Device: iPhone
  • Browser: Safari
  • OS: iOS
  • Provided sample code: No
  • Provided link: Yes
Tags