[BUG] SVG Transform animations are not applied if other SVG attributes are not also animated.

[jdthorpe]

1. Read the FAQs 👇

2. Describe the bug

SVG Transform animations are not applied unless certain other svg attributes are also animated (e.g. x or y).

3. IMPORTANT: Provide a CodeSandbox reproduction of the bug

In this sandbox, click on the animate button and notice that the fill and stroke animations (applied to the g and rect elements) are applied, but not the transform animations.

Then uncomment the // x: 0 lines in either the rect or g animations and notice that the transform animations are now applied.

4. Steps to reproduce

In this sandbox, click on the animate button and notice that the fill and stroke animations (applied to the g and rect elements) are applied, but not the transform animations.

Then uncomment the // x: 0 lines in either the rect or g animations and notice that the transform animations are now applied.

5. Expected behavior

Transforms should be animated even with other attributes are not animated.

6. Video or screenshots

See the CodeSandBox example above.

7. Environment details

Chrome and Edge for Mac