Why different instances of my component react the same way on different params?

[AMA_nylon]

Hi there,
I have a component (I was provided with, I didn't create) called Vanne-vert. When I create two instances of it in a view and try to change the color of one of them through some params, they react the same way. As if they were binded to each others. I can't get a hold of what happening in here.

Here is the component :

And here is the binding for the coloring :

I might be missing something. I hope you can help me.

[victordcq]

this is bugg.
idk if it has been fixed yet if you arent on the lateest patch, try updating if possible since there has been some svg changes not that long ago

else you'll have to change the id for each view

[BUG-6988]Embedded View "Template" Instance Behavior

To get an SVG to work in the current version, you need to not have duplicate svgs where their definition contains any reference to a hard-coded id and your goal is to change their color. Any svg which contains color definitons inside of the svg in a manner like this: style="fill: url("#s0_3-SVGID_1_");" will result in this issue because they're defining their appearance (fill, in this case) based off of a specific id present in the DOM. When they search for that id, they will always find the fi…

[AMA_nylon]

What id exactly if I may ask ?

[victordcq]

no idea i just remeber seeing this somewhere before
try adding domId in the metadata

[cmallonee]

@AMA_nylon

What id exactly if I may ask ?

It's the HTML id attribute used to define the color to be used in areas of the svg. It is not directly exposed in the property structure of the Perspective component. Use of the domId property will not provide any sort of workaround.

[victordcq]

so its not been solved yet?

[cmallonee]

It has been solved and a fix is in 8.1.26.