Draggable SVG Element x,y Percentages

[Guest GRDC]

I'm attempting to allow dragging of SVG elements on the screen, and store their coordinates as percentages in case of screen resize.  Since the type: "x,y" draggable uses transform, I'm converting the number of transformed pixels at the end of the drag.  All seems to be working, except the svg element itself does not update its position once it is dropped.

 

Here's a codepen to demonstrate:

 

 

Any help in debugging is appreciated.

See the Pen yyZLja by anon (@anon) on CodePen

[GreenSock]

I think you meant to do this:

http://codepen.io/anon/pen/bNzNVe?editors=101

 

Notice I'm not clearing the entire transform (just setting x and y to 0) and I'm calling update() on the Draggable since we're altering the values outside of it (we're basically telling it to re-calibrate itself and look at the current values, not trusting its own cached ones). Is that what you're looking for? 

[Guest GRDC]

Thanks, that worked!