CODEWITHSUNDEEP
htmlangularjsangular-ui-bootstrapfrontend
Markus Lykonhold
Markus Lykonhold

Reputation: 11

Double popover window bug

When ever I click the button that enables the popover window, it works as it should, but when I click another button to show the popover menu for a different account, the first menu does not dissapear, and Im not sure what I need to add to my code to make that happen. 

<td ng-class="bsPolicy.adjustBodyCell(grouplvl, '5', 'attach')" class="popover-row"
ng-if="dirvm.tabs[0].isActive">
<button class="vismaicon vismaicon-attach"
        uib-popover-template="bsPolicy.dirvmConstant.AppendicesOfGroupPopoverTemplate"
        popover-enable="false"
        popover-trigger="outsideClick" ng-click="dirvm.setCollapsedSubAppendices($event)" popover-placement="auto bottom"
        ng-if="grouplvl.accountRows.length > 0" ng-class="grouplvl.subAppendices.length > 0 ? '': 'disabled'"></button>

Here is how it currently looks like

Upvotes: 1

Views: 50

Answers (1)

Tristan Hessell
Tristan Hessell

Reputation: 950

The popover-trigger attribute value needs to be wrapped in single quotes (as of AngularUI-Bootstrap version 2.0.0).

<td ng-class="bsPolicy.adjustBodyCell(grouplvl, '5', 'attach')" class="popover-row" ng-if="dirvm.tabs[0].isActive">
<button class="vismaicon vismaicon-attach"
    uib-popover-template="bsPolicy.dirvmConstant.AppendicesOfGroupPopoverTemplate"
    popover-enable="false"
    popover-trigger="'outsideClick'" ng-click="dirvm.setCollapsedSubAppendices($event)" popover-placement="auto bottom"
    ng-if="grouplvl.accountRows.length > 0"
    ng-class="grouplvl.subAppendices.length > 0 ? '': 'disabled'"></button>

Link to docs: https://github.com/angular-ui/bootstrap/tree/master/src/popover

Upvotes: 1

Related Questions