Topic: Popover clickOutside help

haker.ben free asked 5 years ago

Expected behavior I would like to create a popover that closes when I click outside of it and it is still and have clickable links inside of it.

Actual behavior when I use "triggers=focus" it closes if I click inside.

Arkadiusz Idzikowski staff answered 5 years ago

Please take a look at this example in our documentation. You can add 'triggers="focus" input to the button element to close the popover on outside click.

haker.ben free commented 5 years ago

my popover is a list of links. when I use 'triggers="focus'" the popover closes even if I click inside the popover because the button lost focus.

Arkadiusz Idzikowski staff commented 5 years ago

Unfortunately, currently there is no built-in method for such behavior. We will take a closer look at that. I can't provide an ETA for the fix yet, but it should be available in next version.

Arkadiusz Idzikowski staff commented 5 years ago

This feature will be available in next MDB Angular version (next week). You will need to add [outsideClick]="true" input to the element with mdbPopover directive.

Mehdi Shariatzadeh free commented 4 years ago

Is there an option for jQuery?

Arkadiusz Idzikowski staff commented 4 years ago

For questions related to jQuery version please create new thread in jQuery section.

Please insert min. 20 characters.


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



Specification of the issue

  • ForumUser: Free
  • Premium support: No
  • Technology: MDB Angular
  • MDB Version: 7.5.1
  • Device: desktop
  • Browser: chrome
  • OS: windows
  • Provided sample code: No
  • Provided link: No