You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
I have an svg with 3 different classes that have 3 different fill color properties. I am using two of the classes for two different paths/polygons and those paths/polygons display as fill black rather than the styled color. When I remove the second usage of the class the first displays fine, also if I change the second usage to the same fill color but a different class name it works fine.
The two paths with class="st0" display as black rather than #CF4545
The path and polygon with class="st2" display as black rather than #922727
The path with `class="st1" displays white correctly
The text was updated successfully, but these errors were encountered:
Just ran into something that sounds similar to this issue. There's an upstream dependency on svgo which defaults to only updating the first element with a matching class when inlining styles. Not sure that's a sensible default here but you could try changing it by configuring your vue.config like this:
I have an svg with 3 different classes that have 3 different fill color properties. I am using two of the classes for two different paths/polygons and those paths/polygons display as fill black rather than the styled color. When I remove the second usage of the class the first displays fine, also if I change the second usage to the same fill color but a different class name it works fine.
Here is my SVG
The two paths with
class="st0"
display as black rather than #CF4545The path and polygon with
class="st2"
display as black rather than #922727The path with `class="st1" displays white correctly
The text was updated successfully, but these errors were encountered: