Jump to content


TimelineLite animation stops when window lost focus, when switching to another window tab

Moderator Tag

Warning: Please note

This thread was started before GSAP 3 was released. Some information, especially the syntax, may be out of date for GSAP 3. Please see the GSAP 3 migration guide and release notes for more information about how to update the code to GSAP 3's syntax. 

Recommended Posts

Hi guys,

my TimelineLite animation in React JS stops after switching to another window tab. Is there a solution to prevent that?

I saw one older topic https://greensock.com/forums/topic/11831-solved-tweenlite-animation-stops-when-window-lost-focus/ ,

but as it was in question TweenLite and I am using TimelineLite this is not a solution to my problem.

I haven't seen any similar property like TweenLite.ticker for TimelineLite.


Can somebody help?

Link to comment
Share on other sites

I got an error in React when I implement ticker property on TimelineLite: 


TypeError: Cannot read property 'useRAF' of undefined

I have seen in docs that ticker is not supported in TimelineLite: https://greensock.com/docs/TimelineLite I will try now second suggestion.

Link to comment
Share on other sites

The second seconds suggestion works perfectly, I also relied on 

Thanks OSUblake :)

  • Like 4
Link to comment
Share on other sites

And the first suggestion also works, as the younger brothers of TweenLite inherit everything :)

  • Like 2
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.