Jump to content
Search Community

motion path changes the position of the animated item

flowen test
Moderator Tag

Recommended Posts

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.

Link to comment
Share on other sites

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

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 account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...