Hi everyone. First time poster here. I've been working on a svg composition where hovering over different elements triggers different timelines. I've got it working but it's a little glitchy if you move between items quickly, which is something a lot of people will do, so I'd like to ask the hive mind here if there's anything I can do to smoothen out those glitches and make for a better experience.
There are 3 elements and each has a timeline where the elements change shape and size that fires when hovering that element. These all work when hovering over them from the default state, but sometimes, especially when moving quickly, only part of the timeline works and one of the elements doesn't change.
I'm a GSAP beginner, this is my first project using it, so forgive me if I've made some noob errors!
https://codepen.io/mrjonoces/pen/KKGgPXg