1376188 - Nested SVG symbols are not updated after Javascript changes

Status: RESOLVED DUPLICATE of bug 467498

(Core :: SVG, defect)

Description

[KariP]

Attachment: symbol-js.svg

User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.12; rv:56.0) Gecko/20100101 Firefox/56.0
Build ID: 20170621030208

Steps to reproduce:

1. Open the 'symbol-js.svg' attachment file in Firefox
2. Click the 'Click Me' button
3. Observe the results


Actual results:

The two topmost rectangles change to green, but the bottoms ones don't change.


Expected results:

All rectangles should change to green. Chrome and Safari change all rectangles to green.

Here's an explanation of the test case: There are two symbols in the SVG file:
 - symbol1 with a grey rectangle
 - symbolX referencing symbol1 with use elements

The topmost rectangles are shown by a use element referencing symbol1. The bottom ones are shown by a use element referencing symbolX, which references symbol1.

When 'Click Me' is pressed, Javascript is run to change the color of the rectangle inside symbol1. The change doesn't get updated to bottom rectangles.

(tested on Firefox 54 and Firefox 56.0a1 (2017-06-21) (64-bit))