Snap.svg drag problem on scaled elements

HTML

<script src="https://rawgit.com/adobe-webplatform/Snap.svg/master/dist/snap.svg.js"></script>
<svg id="svgout" width="100%" height="100%"><defs></defs><defs></defs><defs>     <path id="MyPath" d="M 100 200              C 200 100 300   0 400 100              C 500 200 600 300 700 200              C 800 100 900 100 900 100"></path>   </defs>  <text font-family="Verdana" font-size="42.5">   <textPath startOffset="2000" id="myTextPath" xlink:href="#MyPath">       Some text can go in here      </textPath>  </text></svg>

JavaScript

var s = Snap("#svgout");
var myFrag = Snap.parse('<defs> \
    <path id="MyPath" \
          d="M 100 200 \
             C 200 100 300   0 400 100 \
             C 500 200 600 300 700 200 \
             C 800 100 900 100 900 100" /> \
  </defs> \
 <text font-family="Verdana" font-size="42.5"> \
  <textPath id="myTextPath" xlink:href="#MyPath"> \
      Some text can go in here  \
    </textPath> \
 </text>\
');

s.append( myFrag );
var tp = s.select("#myTextPath");
tp.animate({ 'startOffset': 2000 }, 5000 );