Chrome Version       : 55.0.2883.95
URLs https://jsfiddle.net/8hfdywf7/5/ :
Other browsers tested:
  Add OK or FAIL, along with the version, after other browsers where you
have tested this issue:
     Safari: N/A
    Firefox: N/A
         IE: N/a

What steps will reproduce the problem?
(1) create a custom web component utilizing an svg in its shadow dom, and also utilize a gradient fill from a def in the svg
(2) put multiple instances of custom web component on dom, with some css to alter the gradients of the different instances
(3) zoom page in
(4) hover over each instance with mouse

What is the expected result?
expect that all instances of custom web component maintain their correct gradient fills, and their own mouse events

What happens instead?
gradient properties from last web component instance override the previous instances, and only first instance receives mouse events. please view my jsfiddle link and zoom page in to replicate.


Please provide any additional information below. Attach a screenshot if
possible.
 

Deleted: 20170113-182150_capture.gif 998 KB

	20170113-182150_capture.gif 998 KB View Download