SVG translate seems to behave different in Chrome/Chromium

Question

https://jsfiddle.net/Lpfa9umq/

Code:

Answer 1

In SVG 1.1 elements do not accept transform attributes. In SVG 2 it is proposed that they should.

Chrome and Firefox are experimenting with implementing proposed parts of the SVG 2 specification. Some things are implemented only by Firefox, and others only by Chrome. The majority are not implemented at all and a few features are implemented by both. The SVG 2 specification itself is unfinished.

In this particular case Firefox has implemented the SVG 2 feature but Chrome has not.

You can achieve the same result in browsers that do not support this SVG 2 feature either by replacing the element by a element or by creating an child element on the element and putting the transform on the element.