Subscribe on changes!

Problem with GSAP timeline

avatar
Sep 6th 2020

Version

3.0.0-rc.10

Reproduction link

https://codepen.io/Paavo/pen/zYqpPpr

Steps to reproduce

Store a GSAP .timeline() object in data and try to use the "to" function.

What is expected?

The Animation should work

What is actually happening?

nothing.


The animation objects that you get with .getChildren() seem to be proxied too.

avatar
Sep 7th 2020

Use markRaw():

this.tl = Vue.markRaw(gsap.timeline({ paused: true }));
avatar
Sep 7th 2020

Or do not declare tl in data so it's not reactive