SVG <use> of <symbol> containing <linearGradient> renders black

• Component: SVG
• Status: RESOLVED DUPLICATE

[Stephen Chenney]

Created attachment 134870 [details]
Repro case

A <use> element that references a <symbol> element that contains a linearGradient applied to a rect renders the rect as black. If you move the linearGradient out of the symbol and into a <def> block, it renders correctly. It also renders correctly if you do not use the <symbol> and <use> the rect directly.

Failing in Safari trunk and Chromium. Works in an earlier version of Chrome (according to reporter) and in Safari 5.1.2.

I strongly suspect this is due to changes in the <use> element handling, although it may also be due to the changes we made to resource invalidation, or it may be something else entirely.

Chromium http://code.google.com/p/chromium/issues/detail?id=120994

[Rob Buis]

Created attachment 137732 [details]
Patch

[Rob Buis]

This patch is just one possible idea. It will now create a hidden renderer for every <symbol>, and attach any resources that could be referenced, not regular shapes/path/text. Another way would be to always create all symbol renderers including the contents, that wastes more memory though.
Note finally that more tests would need to be rebaselined, expect a report from chromium EWS.

[Rob Buis]

Comment on attachment 137732 [details]
Patch

Clearing review flag since bug 72796 patch would fix this one too.

[Dirk Schulze]

Can you mark this as duplicate than?

[Rob Buis]

*** This bug has been marked as a duplicate of bug 72796 ***