fix: missing 'await' to wait for the Animation Handlers promises

igorMSoares · igorMSoares · commit 07f861779e3c · 2023-04-15T16:46:38.000-03:00
diff --git a/js-css-animations/animate.js b/js-css-animations/animate.js
@@ -440,13 +440,13 @@ const animate = async (element, action, id, opts = {}) => {
     }
   };
 
-  handleAnimation.begin();
+  await handleAnimation.begin();
   if (typeof start === 'function') {
     initCallback(trigger, start, 'start');
   }
   element.classList.add(CLASS_NAMES[action][id]);
   element.classList.remove(CLASS_NAMES[OPPOSITE_ACTION[action]][id]);
-  handleAnimation.middle();
+  await handleAnimation.middle();
 
   setTimeout(() => {
     handleAnimation.end();

Original file line number	Diff line number	Diff line change
`@@ -440,13 +440,13 @@ const animate = async (element, action, id, opts = {}) => {`
`440`	`440`	`}`
`441`	`441`	`};`
`442`	`442`
`443`		`-handleAnimation.begin();`
	`443`	`+await handleAnimation.begin();`
`444`	`444`	`if (typeof start === 'function') {`
`445`	`445`	`initCallback(trigger, start, 'start');`
`446`	`446`	`}`
`447`	`447`	`element.classList.add(CLASS_NAMES[action][id]);`
`448`	`448`	`element.classList.remove(CLASS_NAMES[OPPOSITE_ACTION[action]][id]);`
`449`		`-handleAnimation.middle();`
	`449`	`+await handleAnimation.middle();`
`450`	`450`
`451`	`451`	`setTimeout(() => {`
`452`	`452`	`handleAnimation.end();`