Jump to content
Search Community

delayedCall() callback not called locally

demiava test
Moderator Tag

Recommended Posts

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

Link to comment
Share on other sites

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!

  • Thanks 1
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...