Why is the animation acting so weird?

Question

JavaScript

Hello. I want to animate a product card using GSAP.
Working example:
codepen.io/MaxNikulin/pen/MbLbEO?editors=0010
But there is one bug, during the first rendering on hover, the length of the path is not correctly calculated.
How to fix this and what is the reason?
After all, the length of the paths is always the same.
Thank you.

Answer 1

Where is the problem? everything seems to be ok