timeline skips after initial play

[d4rklit3]

I have timelines in my site which have animations added to them in sequence. The first time i play a particular timeline it plays fine, any time after that it skips whatever is in the first .add()   or it just skips the first label .. I am not even sure how to describe this. One example is that I have an abstract that defines a sitesection (SectionViewBase). on the transitionin function it creates a timeline ads the global transition for each section and then there is a transitionInComplete function that is overwrote by the childclass that subclasses SectionViewBase. the override will return a new timline or tweenlite instance that is the transitionin of the specific section content. ANyways, the first time I do this its fine, however the second time it skips that initial .add() call and just plays whatever it gets from transitionInComplete().   Each time this tranistionIn function runs, however, it recreates the timeline. Any suggestions? Thanks.

[Rodrigo]

Hi,

 

It's hard to see what happens just with a description, but my guess will be an overwrite issue.

 

Any chance that you could set up a reduced live sample (codepen or fiddle), or upload a file that contains just this issue?.

 

Cheers,

Rodrigo.

[d4rklit3]

Its hard to make an example because i think the the issue is coming from the intricacies of the rest of the site i am building. I can say this, the timeline skipping issue only happens when a set of events is initiated by something changing in the browser history (using backbone). so when i switch pages it seems that the browser lags after the history changes. I can't explain it, its quite baffling.

 

[EDIT]

I can confirm this is indeed the case. animating on a pushstate event causes the browser to halt or delay js execution.  I found this issue on impress.js talking about.

https://github.com/bartaz/impress.js/pull/97

 

There is probably very little no chance that browsers are going to fix this any time soon. I guess developers should be weary of this when animating right on browsery history change.