don't call rm() twice if transition finishes before frame callback

3 years ago · 22927f22d6
parent b826e80012
commit 22927f22d6
1 changed files with 6 additions and 2 deletions
--- a/src/modules/style.ts
+++ b/src/modules/style.ts
@ -95,8 +95,12 @@ function applyRemoveStyle(vnode: VNode, rm: () => void): void {
  }

  let running = 0;
+  let started = false;
  const onRun = function (ev: TransitionEvent) {
-    if (ev.target === elm) running++;
+    if (ev.target === elm) {
+      started = true;
+      running++;
+    }
  };
  const onEnd = function (ev: TransitionEvent) {
    if (ev.target === elm && --running === 0) {
@ -114,7 +118,7 @@ function applyRemoveStyle(vnode: VNode, rm: () => void): void {
  (elm as Element).addEventListener("transitionend", onEnd);

  nextFrame(function () {
-    if (running === 0) {
+    if (!started) {
      cleanUp();
      rm();
    }