fix: Fix transitionEnd capturing children transitions (#548)

Closes #531
ariakit · Feb 9, 2020 · 4cf1eaa · 4cf1eaa
1 parent 9a84c70
commit 4cf1eaa
Showing 1 changed file with 10 additions and 5 deletions.
diff --git a/packages/reakit/src/Disclosure/DisclosureRegion.ts b/packages/reakit/src/Disclosure/DisclosureRegion.ts
@@ -54,11 +54,16 @@ export const useDisclosureRegion = createHook<
       setHiddenClass(!options.visible ? "hidden" : null);
     }, [options.visible]);
 
-    const onTransitionEnd = React.useCallback(() => {
-      if (options.unstable_animated && options.unstable_stopAnimation) {
-        options.unstable_stopAnimation();
-      }
-    }, [options.unstable_animated, options.unstable_stopAnimation]);
+    const onTransitionEnd = React.useCallback(
+      (event: React.TransitionEvent) => {
+        if (event.currentTarget !== event.target) return;
+
+        if (options.unstable_animated && options.unstable_stopAnimation) {
+          options.unstable_stopAnimation();
+        }
+      },
+      [options.unstable_animated, options.unstable_stopAnimation]
+    );
 
     const animating = options.unstable_animated && options.unstable_animating;
     const hidden = !options.visible && !animating;