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

Steps to reproduce the problem:
1. Create two SVGs in an HTML document
2. In each SVG, create a gradient def with the same id but different color or properties
2. In each SVG, refer to the gradient via 'url(#gradient-id)', e.g. as a fill attribute
3. Define and use a font-face that attempts to load a font URL (does not need to resolve to a real file)

What is the expected behavior?
Each SVG should refer to its locally-defined gradient

What went wrong?
Both SVGs refer to the last gradient defined. This unexpected behavior only occurs if the document CSS attempts to load a font resource.

Did this work before? N/A 

Does this work in other browsers? Yes

Chrome version: 55.0.2883.95  Channel: stable
OS Version: OS X 10.11.6
Flash Version: Shockwave Flash 24.0 r0

I first noticed this when hiding one of two duplicate SVGs in a HTML document via javascript. The second SVG's enclosing container was hidden with 'display: none', and because of this bug, the gradient fill of the first SVG disappeared as well.
 

Deleted: svgbug.html 1.1 KB

svgbug.html 1.1 KB View Download