更改svg坐标

Question

我有一个路径和foreignObjects的SVG。 Onclick，它会触发动画，然后通过使用onend属性调用函数来相应地更新坐标。这应该与路径对象一样，但是当我尝试调用函数来更新foreignObjects的坐标时，它无法正确呈现 - 即使代码显示正确的x和y值，它们也会出现在错误的位置它们不再分层在路径对象之上。我怎么能纠正这个？

这个jsfiddle说明了问题：https://jsfiddle.net/kxg2eg27/10/