fix(ripple): clear ripples on animation complete (nextui-org#1681)

qburst · Sep 23, 2023 · 9d4c7ed · 9d4c7ed
1 parent 9ebaae0
commit 9d4c7ed
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 2 deletions.
diff --git a/.changeset/big-monkeys-notice.md b/.changeset/big-monkeys-notice.md
@@ -0,0 +1,5 @@
+---
+"@nextui-org/ripple": patch
+---
+
+Fix #1656 clear ripples on animation complete
diff --git a/packages/components/ripple/src/ripple.tsx b/packages/components/ripple/src/ripple.tsx
@@ -45,8 +45,9 @@ const Ripple: FC<RippleProps> = (props) => {
                 ...style,
               }}
               transition={{duration}}
-              onAnimationEnd={() => onClear(ripple.key)}
-              onTransitionEnd={() => onClear(ripple.key)}
+              onAnimationComplete={() => {
+                onClear(ripple.key);
+              }}
               {...motionProps}
             />
           </AnimatePresence>