smackifilia

I think there's got to be a combo of self.disable and/or tl.disable that would get what I want. In my real world example, the text moves on top of the animation as it finishes and locks into place. That all works perfectly. What I want is the final frame of the lottie animation to be locked at that point, the space above it gone, and the text to be locked on top of that final frame of the animation. onLeave => self.disable works great for locking the animation in the final frame and removing the whitespace above, but my elements from the .from() part of the timeline are sitting down below the other elements on the page. They never get put back in their original place after being moved by the pin spacer. I feel like the answer is right in front of me, but I'm missing it. Thanks again.

Solid point, I haven't thought about the once: true. Maybe I haven't? Is this the intended behavior if once is set to true? If so, I'll just have to figure out how to code around it. In my opinion that is not the behavior I would expect, but maybe there's a good reason I'm not thinking of.

Thanks for the reply Zach. Here is a pen that shows what I'm seeing: It is my understanding that the pin-spacer should "go away" when using the "once" attribute and transform the DOM to appear as if its not there. I've certainly seen that behaving as expected on other examples. https://codepen.io/smackifilia/pen/KKzwrmy

Does anyone have an issue with the whitespace being added after using the "once" parameter. I've got this tied to a lottie animation. I don't have a pen, but I can provide the code if necessary. Is that white space the expected behavior? If so, whats the workaround? Thanks