Topic: Popover clickOutside help
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.
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.
https://mdbootstrap.com/docs/angular/advanced/popovers/#dynamic-template
haker.ben commented 6 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 6 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 6 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 commented 5 years ago
Is there an option for jQuery?
Arkadiusz Idzikowski staff commented 5 years ago
For questions related to jQuery version please create new thread in jQuery section.
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Resolved
- User: 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