fix to many events

Author: xsalonx

lib/public/components/common/popover/overflowBalloon.js

@@ -61,20 +61,26 @@ export const overflowBalloon = (content, options = null) => {
                     const node = stretch ? newTriggerNode.parentNode : newTriggerNode;
                     const key = newTriggerNode.getAttribute('data-popover-key');
 
+                    const contentNodeMouseoverCallback = () => {
+                        node.removeEventListener('mouseleave', this.hidePopover);
+                        this.showPopover();
+                    };
+
+                    const contentNodeMousleaveCallback = () => {
+                        node.addEventListener('mouseleave', this.hidePopover);
+                        this.hidePopover();
+                    };
+
                     const newNodeMouseoverCallback = () => {
                         this.showPopover();
                         const selector = `.popover[data-popover-key="${key}"]`;
                         const contentNode = document.querySelector(selector);
 
-                        contentNode.addEventListener('mouseover', () => {
-                            node.removeEventListener('mouseleave', this.hidePopover);
-                            this.showPopover();
-                        });
+                        contentNode.removeEventListener('mouseover', contentNodeMouseoverCallback);
+                        contentNode.removeEventListener('mouseleave', contentNodeMousleaveCallback);
 
-                        contentNode.addEventListener('mouseleave', () => {
-                            node.addEventListener('mouseleave', this.hidePopover);
-                            this.hidePopover();
-                        });
+                        contentNode.addEventListener('mouseover', contentNodeMouseoverCallback);
+                        contentNode.addEventListener('mouseleave', contentNodeMousleaveCallback);
                     };
 
                     this.prevousNodeMouseoverCallback = newNodeMouseoverCallback;