fix(atomic): add getAnimations() check (#2040)

https://coveord.atlassian.net/browse/KIT-1678
coveo · Jun 3, 2022 · 47161a3 · 47161a3
1 parent e203bda
commit 47161a3
Show file tree

Hide file tree

Showing 9 changed files with 141 additions and 141 deletions.
diff --git a/packages/atomic-angular/projects/atomic-angular/package-lock.json b/packages/atomic-angular/projects/atomic-angular/package-lock.json
diff --git a/packages/atomic-react/package-lock.json b/packages/atomic-react/package-lock.json
diff --git a/packages/atomic/package-lock.json b/packages/atomic/package-lock.json
diff --git a/packages/atomic/src/utils/ripple.ts b/packages/atomic/src/utils/ripple.ts
@@ -1,3 +1,5 @@
+import {listenOnce} from './event-utils';
+
 interface RippleOptions {
   color: string;
   /**
@@ -48,9 +50,7 @@ export function createRipple(event: MouseEvent, options: RippleOptions) {
 }
 
 async function cleanupAnimationOnFinish(ripple: HTMLSpanElement) {
-  const animationsFinished = ripple
-    .getAnimations()
-    .map((anim) => new Promise<void>((res) => (anim.onfinish = () => res())));
-  await Promise.all(animationsFinished);
-  ripple && ripple.remove();
+  listenOnce(ripple, 'animationend', () => {
+    ripple && ripple.remove();
+  });
 }
diff --git a/packages/auth/package-lock.json b/packages/auth/package-lock.json
diff --git a/packages/bueno/package-lock.json b/packages/bueno/package-lock.json