flowen Posted December 19, 2019 Share Posted December 19, 2019 Sorry I can't share the actual code, but I have a deploy you can see live here When the motion path animation starts, "YES" suddenly changes position to the far right. What are some things I could look at to make sure this doesn't happen? The svg including the motion path is styled fixed with a 100% width and height The parents of the element Yes has absolute positioning and is rotated, perhaps there's an issue there? I know this is far from perfect to help me debug, but right now I can't offer more. bullet.mp4 Link to comment Share on other sites More sharing options...
ZachSaucier Posted December 19, 2019 Share Posted December 19, 2019 Hey flowen, Ya, it's pretty hard to tell what's going on from this. 11 hours ago, flowen said: What are some things I could look at to make sure this doesn't happen? Maybe the motion path has an offset? If you have align: "self" I'm guessing it could add that offset to the start, causing the "jump". If you remove the offset from the path it would fix it in this case. Alternatively, it looks like the path is aligned with the text as you want it to, so you could try align: "#pathId" and see if that works the way you want it to. I suggest that you try to recreate the issue from the ground up (so as to not break any NDA's) to try and display the error in a way that we can see. Most likely in doing so you'll figure out what the issue is yourself and whether or not it's a bug in GSAP or something on your end. Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now