I've just run into a very weird problem that only shows up in Safari 10. I have playing cards, svg images, that are sometimes rotated using
Weird bug indeed. Performing the transformation in wrapping
g element as an SVG transform does not resolve the issue.
However, by performing a 3D rotation instead of of a 2D one, i.e.
inlineCard.style.transform = 'rotate3d(0,0,1,' + e.currentTarget.value + 'deg)'; does resolve the issue, you can see here.