fix ani

wxiaoguang · wxiaoguang · commit 6a9ed8c6861b · 2024-06-27T02:58:48.000+08:00
diff --git a/web_src/js/modules/toast.js b/web_src/js/modules/toast.js
@@ -33,8 +33,11 @@ function showToast(message, level, {gravity, position, duration, useHtmlBody, pr
       const toastDupNumEl = toastEl.querySelector('.toast-duplicate-number');
       showElem(toastDupNumEl);
       toastDupNumEl.textContent = String(Number(toastDupNumEl.textContent) + 1);
-      toastDupNumEl.classList.remove('pulse');
-      requestAnimationFrame(() => toastDupNumEl.classList.add('pulse'));
+      toastDupNumEl.classList.add('pulse');
+      if (!toastDupNumEl.getAttribute('data-animation-event-attached')) {
+        toastDupNumEl.addEventListener('animationend', () => toastDupNumEl.classList.remove('pulse'));
+        toastDupNumEl.setAttribute('data-animation-event-attached', 'true');
+      }
       return;
     }
   }

Original file line number	Diff line number	Diff line change
`@@ -33,8 +33,11 @@ function showToast(message, level, {gravity, position, duration, useHtmlBody, pr`
`33`	`33`	`const toastDupNumEl = toastEl.querySelector('.toast-duplicate-number');`
`34`	`34`	`showElem(toastDupNumEl);`
`35`	`35`	`toastDupNumEl.textContent = String(Number(toastDupNumEl.textContent) + 1);`
`36`		`- toastDupNumEl.classList.remove('pulse');`
`37`		`- requestAnimationFrame(() => toastDupNumEl.classList.add('pulse'));`
	`36`	`+ toastDupNumEl.classList.add('pulse');`
	`37`	`+ if (!toastDupNumEl.getAttribute('data-animation-event-attached')) {`
	`38`	`+ toastDupNumEl.addEventListener('animationend', () => toastDupNumEl.classList.remove('pulse'));`
	`39`	`+ toastDupNumEl.setAttribute('data-animation-event-attached', 'true');`
	`40`	`+ }`
`38`	`41`	`return;`
`39`	`42`	`}`
`40`	`43`	`}`