delayedCall() callback not called locally

[demiava 5 Likes (Newbie)]

I have a Vue 3 app. The code is identical to the one on codepen. As you will see on codepen, after adding a pause when previous animation ends, "callback" will be logged after 2 seconds. Logging the "callback" is just to simply show the problem. What I want to actually achieve is gsap.delayedCall(2, () => tl.resume());

 

However, in my local environment "callback" is not logged. I know it's hard to understand the issue when it's about my local environment, but any guesses?
 

tl.addPause(">", function () {
	gsap.delayedCall(2, () => console.log("callback"));
});

 

EDIT:

I had to add this in between tl.from() and tl.to() to achieve same:

tl.from(monker, {
	duration: 2,
});

 

See the Pen XWPYwVq by demiavaliani (@demiavaliani) on CodePen

[Rodrigo 5,399 Likes (Superhero)]

Hi,

 

I just created a couple of examples in my local environment with both Vite and Create Vue App and I can't replicate the issue you're mentioning.

 

I event forked our example in Stackblitz and it seems to work as expected:

https://stackblitz.com/edit/stackblitz-starters-ogmmkh?file=src%2FApp.vue&title=GSAP Starter

 

If you want you can fork this example:

https://stackblitz.com/edit/vue-dm3aa9?file=src%2FApp.vue

 

Or go directly to Stackblitz's creative tab and select the Vue3 starter there for a one click immediate setup:

https://stackblitz.com/?starters=creative

 

Happy Tweening!

[demiava 5 Likes (Newbie)]

Yeah, the first stackblitz logs as it should. Very strange that it fails on my local machine. I will check tomorrow some more, and write an update here if I will find the issue. Thanks anyways