fix(esl-utils): fix event cancellation handling

exadel-inc · Apr 7, 2024 · dffbc53 · dffbc53
1 parent 20d337d
commit dffbc53
Showing 1 changed file with 3 additions and 0 deletions.
diff --git a/src/modules/esl-utils/async/promise/animation.ts b/src/modules/esl-utils/async/promise/animation.ts
@@ -5,10 +5,13 @@ export function promisifyTransition(
 ): Promise<void> {
   return new Promise((resolve) => {
     function transitionCallback(e: TransitionEvent): void {
+      if (e.target !== $el) return;
       if (typeof props === 'string' && props !== e.propertyName) return;
       $el.removeEventListener('transitionend', transitionCallback);
+      $el.removeEventListener('transitioncancel', transitionCallback);
       resolve();
     }
     $el.addEventListener('transitionend', transitionCallback);
+    $el.addEventListener('transitioncancel', transitionCallback);
   });
 }