1669049 - SVG transform attribute incorrectly overrides CSS

Status: RESOLVED DUPLICATE of bug 878346

(Core :: SVG, defect)

Description

[leewhite128]

User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.15; rv:81.0) Gecko/20100101 Firefox/81.0

Steps to reproduce:

Have SVG element with transform attribute and CSS transform set. Example: <svg>
<style>
circle {transform: none;}
</style>
<circle r="50" transform="scale(2)"/>
</svg>

Originally posted here: https://stackoverflow.com/questions/25926007/override-svg-transform-attributes-with-css
Equivalent chromium issue: https://bugs.chromium.org/p/chromium/issues/detail?id=415950

Actual results:

Transform didn't get set to none.

Expected results:

Transform should have been set to none, that way can easily set transform on multiple SVG elements at once if prefers-reduced-motion is on.