Saving AngularJS popup visible as updating items

Question

I am using AngleJS bootstrap popover for an element using popover-trigger='mouseenter' . The element is updated using angularFire , and after the update, the popover disappears until I move the mouse (even inside the element).

How can I make a popover remain visible after an update?

Answer 1

When updating the model, the directive may be renewed. Therefore, since the mouse is already element- mouseenter and stationary, the mouseenter event mouseenter not mouseenter .

Most likely you will have to edit the popover directive and add a function to the link function , which checks the position of the mouse, and if the mouse is above the trigger, it will keep the popover visible. However, this may cause flickering.

Or you can quietly update the model so that the directive does not resume. If you post some sample code or jsfiffle / plunker, I could explain how to do this.