Merge branch '60241-merge-request-popover-doesn-t-go-away-on-mouse-leave' into 'master'

Resolve "Merge Request popover doesn't go away on mouse leave"

Closes #60241

See merge request gitlab-org/gitlab-ce!27143

(cherry picked from commit 9edb5d47808fe9618aed0f411c6b5aebbaadd42a)

2ea409f6 Fix bug where MR Popover wont go away

1 files changed, 5 insertions, 1 deletions

diff --git a/app/assets/javascripts/mr_popover/index.js b/app/assets/javascripts/mr_popover/index.js
index cc686b401d2..9a97e98f9db 100644
--- a/app/assets/javascripts/mr_popover/index.js
+++ b/app/assets/javascripts/mr_popover/index.js
@@ -54,9 +54,13 @@ export default elements => {
     const apolloProvider = new VueApollo({
       defaultClient: createDefaultClient(),
     });
+    const listenerAddedAttr = 'data-mr-listener-added';
 
     mrLinks.forEach(el => {
-      el.addEventListener('mouseenter', handleMRPopoverMount(apolloProvider));
+      if (!el.getAttribute(listenerAddedAttr)) {
+        el.addEventListener('mouseenter', handleMRPopoverMount(apolloProvider));
+        el.setAttribute(listenerAddedAttr, true);
+      }
     });
   }
 };