The dabblet shows a few variations of properties. 1) no transforms 2) rotation by 90deg works fine for square canvases because the bounding box is the same dimensions as the original. 3) css transforms on <svg> element completely whacked 4) SVG transforms are positioned correctly but crop the shapes incorrectly. #3 is evident in Webkit / Safari but not Chrome. #4 occurs in iOS webkit.
It seems that the CSS transformed SVG takes the origin around 0,0 instead of 50%,50%. Note that this happens initially on Safari as well. But when openening inspector it seems to be relayouted and looks correct then. Couldn't make it work on chromium.
Safari, Chrome, and Firefox all agree on rendering for this test case. I don't believe there is any remaining compatibility issue.