Why does IE and EDGE have an animation of moving a vector object away when moving the mouse quickly?

Question

JavaScript

There are two preset animations - rotating the object 180 degrees clockwise and reverse, which returns the position of the object to its original state. Everything works fine everywhere except IE and EDGE; in the latter, an unprogrammed zoom-out animation appears. This happens when there was a second hover over an object without waiting for the previous animation to finish. The SNAP.SVG library is used. What am I doing wrong?
jsfiddle.net/b1Lhjo4k

var svgElement = Snap("#svg");
var pent = svgElement.select('#pentagram-one');
var hoverover = function() {
    pent.stop().animate({transform: 'r180,500,515'}, 400);
};
var hoverout  = function() {
    pent.stop().animate({transform: 'r0,500,515'}, 400);
};
pent.hover(hoverover, hoverout);