fix: rect-popup event bind error (#1922)

dream-num · Apr 16, 2024 · ac17c69 · ac17c69
1 parent 4e970d4
commit ac17c69
Showing 1 changed file with 7 additions and 4 deletions.
diff --git a/packages/design/src/components/popup/RectPopup.tsx b/packages/design/src/components/popup/RectPopup.tsx
@@ -112,9 +112,11 @@ function RectPopup(props: IRectPopupProps) {
     ]);
 
     useEffect(() => {
-        const parent = nodeRef.current?.parentElement;
+        const current = nodeRef.current;
+        const parent = current?.parentElement;
+
         if (parent) {
-            const handleClick = (e: MouseEvent) => {
+            const handleClickOther = (e: MouseEvent) => {
                 if (excludeOutside && (excludeOutside.indexOf(e.target as any) > -1)) {
                     return;
                 }
@@ -127,10 +129,11 @@ function RectPopup(props: IRectPopupProps) {
                 }
                 clickOtherFn(e);
             };
-            parent.addEventListener('click', handleClick);
+
+            window.addEventListener('click', handleClickOther);
 
             return () => {
-                parent.removeEventListener('click', handleClick);
+                window.removeEventListener('click', handleClickOther);
             };
         }
     }, [anchorRect, anchorRect.bottom, anchorRect.left, anchorRect.right, anchorRect.top, clickOtherFn, excludeOutside]);