donavan

So the problem was my understanding of how either the HTML video or the React HTML video library or React itself was calling the onEnd video event handler. Long story short, onEnd was being triggered many times and it was initiating the animation many times. I just had to detect wether an animation was already running and if it was, bail early. Greensock was performing beautifully.

@Dipscom Thanks so much for even looking. I did try move the Ease instantiation out of the closure but it didn't make any difference. I will create a codepen tonight that replicates the issue.

Hi, Not sure if anyone can help me on this but here goes. This is my first React and first GSAP attempt and I've hit a stumbling block that I can't figure out a way forward on. In Safari on a high DPI retina screen on a 27inch iMac there is a specific animation that is jerky. I've done a profile and it's caused by two abnormally large compositing steps that sit between 100 and 200ms long. I've never had to debug the workings of browser rendering before and don't know where to go from here. The URL is http://staging.rockmysoul.co.za , the jerkyness happens when the header and footer animate into the center of the screen after watching the intro video. It doesn't happen when the header and footer open to reveal the central area. It also doesn't happen at a later point when they are not closing over a HTML video. Things I've tried that have no effect: - removed the sound - different easings - removed the 'amulet' device that fades in Any help at all would be greatly appreciated. I'm on a tight deadline for this project so please forgive the lack of a minimal codepen, I have to finish a few more things before I'll have the space to create one. Much thanks, Donavan