my motion path needs offsets, but why?

[geedix]

My codepen is copied from a bigger animation where other motion paths are working as expected. I've tried redrawing the paths for this one, but the "corner" element still doesn't align to its motion path without the offsets. Is it trying to wrap around to the left? Mystified as to why I need  

offsetX: 1545,
offsetY:-112

 

See the Pen qBmMemd by geedix (@geedix) on CodePen

[OSUblake]

I think there might be a bug parsing the path. Can you use this path instead while we look into it?

<path id="mpath3" d="M 1491.86 -56.88 C 1490.58 58.63 1424.2 121 1391.61 148.86" />

 

[geedix]

That's working, thanks! Spaces can be better than commas in an SVG path? I would never have guessed it.

[OSUblake]

It's easier to read with spaces, but commas should work. I just think it's having trouble with the negative the value at the start.

M1491.86-56.88

 

[GreenSock]

Yep, that was already fixed in the upcoming release which you can preview [compressed] at https://assets.codepen.io/16327/MotionPathPlugin.min.js

 

if the <path/> you use for a motionPath contains data that has no commas or spaces between values like 126.87-32.48-310.91-58-499 instead of 126.87,-32.48,-310.91,-58,-499, MotionPathPlugin had a hard time parsing it correctly. There was a related thread a little while ago:

Sorry about any confusion there, @geedix