How to hide the uib-popover when clicking outside

Question

My uib-popover is not hiding on outsideClick.

<button 
    tooltip-placement="bottom" 
    tooltip="{{'common.addRemoveColumn'| translate}}" 
    class="btn btn-default pull-right" 
    uib-popover 
    popover-trigger="'outsideClick'" 
    popover-placement="bottom" 
    uib-popover-template="'gridColumns.html'" 
    data-original-title="{{'common.customizeColumn'| translate}}">
        <i class="fa fa-columns"></i>
</button>

I have followed these stackOverflow questions,

uib-popover not closing on outside click

How to hide uib-popover on click outside of the popover in angular JS?

and nothing solved the issue.

My angularJs version is 1.3.13.

My Bootstrap version is 3.2.0.

score 2 · Answer 1 · edited Jan 30 '20 at 11:05

2

$scope.myTrigger = "outsideClick"

then

popover-trigger="myTrigger">Click Me</button>

edited Jan 30 '20 at 11:05

Syed mohamed aladeen

6,507
4
32
59

answered Jan 30 '20 at 11:05

Sharma Vijay

39
2

I tried this, unfortunately this solution also not working – Syed mohamed aladeen Jan 30 '20 at 11:07

score 2 · Answer 2 · answered Jan 30 '20 at 11:46

2

Pls check in below URL: 

https://codepen.io/minhdynasty/pen/ozvAPJ

It will close th pop up

answered Jan 30 '20 at 11:46

Yuvaraja Balasubramanian

21
2

This solution also not working in my mentioned version – Syed mohamed aladeen Jan 30 '20 at 12:55

How to hide the uib-popover when clicking outside

2 Answers2