Running in Safari 13 and Chrome latest but displaying incorrect segment numbers with Safari 14 and above

[devghod]

my section data

output with the length of the array

[devghod]

1st image shows the correct output and runs it in Safari v13.
2nd image runs in Safari v14 which display incorrect output.
sections: [
{ value: 35 },
{ value: 15 },
{ value: 15 },
{ value: 35 }
],
This is the data sample we used for both and think that there is a problem with the rendering of color in Safari v14.

[dumptyd]

That's weird. What version of the library are you using?

[devghod]

v1 for vue-css-donut-chart since I'm using vue 2

[dumptyd]

I tried this on the demo site in Safari 14 and it seems to be working as expected. Could it be that there's a conflicting CSS rule in the parent that's messing with the styles? Maybe try rendering the component outside of your grid to see if grid is the culprit. If it isn't and the issue persists, then see if you can reproduce it here https://jsfiddle.net/dumptyd/ujvypcd3/.

[devghod]

Will look into it. Thank you