Léo Shcl

Thank you so much Rodrigo for your reactivity. Yes the context was missing indeed, that was why the animation wasn't playing well !

Hello, Sure, here is my component: https://stackblitz.com/edit/gsap-react-basic-f48716-mp5sv1?file=src%2FApp.js

Hello everybody, I'm new to Greensock and I face an unexpected behavior. I try to recreate my own SVG drawing animation by applying the same code as this example: https://codepen.io/GreenSock/pen/rNOBLBV I'm using Typescript React framework. The animation for the ball following the past and the pulse animations work very well but the line isn't drawn when I scroll down but is drawn when I scroll up. So i figured out that the ".from()" of the timeline is triggering only when I scroll up. I tried to change it to ".from(".theLine", {drawSVG: 0}, 0)" to ".fromTo(".theLine", {drawSVG: 0}, {drawSVG: 1}, 0)" but this time the line doesn't appear at all. When I scroll up here is what the path's style looks like: When I scroll down: Can you help me please ? Thank you !