fix: Should cancel timeout if not reach align condition

react-component · Oct 11, 2019 · 395022b · 395022b
1 parent 4e9f33e
commit 395022b
Showing 1 changed file with 6 additions and 4 deletions.
diff --git a/src/Align.tsx b/src/Align.tsx
@@ -53,6 +53,10 @@ const Align: React.RefForwardingComponent<RefAlign, AlignProps> = (
   // ===================== Align ======================
   const forceAlignRef = React.useRef<Function>();
 
+  const [forceAlign, cancelForceAlign] = useBuffer(() => {
+    forceAlignRef.current();
+  }, monitorBufferTime);
+
   forceAlignRef.current = () => {
     if (!disabled && target) {
       const source = findDOMNode<HTMLElement>(nodeRef.current);
@@ -79,13 +83,11 @@ const Align: React.RefForwardingComponent<RefAlign, AlignProps> = (
       if (onAlign) {
         onAlign(source, result);
       }
+    } else {
+      cancelForceAlign();
     }
   };
 
-  const [forceAlign, cancelForceAlign] = useBuffer(() => {
-    forceAlignRef.current();
-  }, monitorBufferTime);
-
   // ===================== Effect =====================
   // Listen for target updated
   const resizeMonitor = React.useRef<MonitorRef>({