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

meesha81 priority asked 5 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.


meesha81 priority answered 12 hours ago


Sorry, but what you can't understand? Popover with trigger="focus" is not working in Safari when content loaded dynamically

I wrote that it is not working with focus. Do you see something different?


meesha81 priority answered 1 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 1 day 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.



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.



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