UserAgent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_11_6) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/62.0.3202.62 Safari/537.36

Steps to reproduce the problem:
1. cerate an SVG with a <rect> element and reference it from a <use>
2. assign a class to the rect and animate with css

What is the expected behavior?
Beyond the fact that (probably on how each browser implements the sepcs) some browsers animate both elements (like Chrome) and others (like Safari) only the element with the class assigned, **expects** to mantain the same color.

What went wrong?
The referenced element <rect> inherits the color of the <use> element. In general the <use> inherits properties from the element references, and in this weird behaviour seems to be the opposite.

Did this work before? N/A 

Does this work in other browsers? Yes

Chrome version: 62.0.3202.62  Channel: stable
OS Version: OS X 10.11.6
Flash Version: 

Pen: https://codepen.io/elrumordelaluz/pen/2f400bf246dfce554f76162a783aee4c?editors=1100
 

Deleted: codepen_Naozdg.zip 1.0 KB

codepen_Naozdg.zip 1.0 KB Download

Deleted: Screen Shot 2017-10-19 at 15.12.28.png 6.8 KB

	Screen Shot 2017-10-19 at 15.12.28.png 6.8 KB View Download