Popover doesn't work at first time hover on icon

Question

below is the code used to load pop up on hover it doesn't load on first hover .it work fine on second hover

<i id="weaCarrierIcon" class="fas fa-info-circle fa-lg infoIcon weaCarrier-infoicon" ng-click="weaCarrierPopover()" ng-mouseover="weaCarrierPopover()" data-toggle="popover" data-content="{{model.weaCarrierPopover}}"></i>
                        

$scope.weaCarrierPopover = function () {
            $('#weaCarrierIcon').popover({ placement: 'bottom', trigger: 'hover', html: true, delay: { show: 50, hide: 400 } });
        };

Does this answer your question? [Show one popover and hide other popovers](https://stackoverflow.com/questions/16150163/show-one-popover-and-hide-other-popovers) — Iam_NSA, Jun 29 '20 at 05:31

score 0 · Accepted Answer · answered Jun 29 '20 at 05:25

0

$scope.weaCarrierPopover = function () { $('#weaCarrierIcon').popover({ placement: 'bottom', trigger: 'hover', html: true, delay: { show: 50, hide: 400 } }).popover('show'); };

Adding .popover('show') fixed the issue.

answered Jun 29 '20 at 05:25

Abhinav Goyal

100
5

Popover doesn't work at first time hover on icon

1 Answers1