search

dumptyd / vue-css-donut-chart

Lightweight Vue component for drawing pure CSS donut charts
https://dumptyd.github.io/vue-css-donut-chart/
MIT License
128 stars 19 forks source link

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

Open devghod opened 2 years ago

devghod commented 2 years ago

Capture my section data Capture1 output with the length of the array

devghod commented 2 years ago

image_2021_11_10T04_08_51_907Z

image_2021_11_10T04_08_23_175Z

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 commented 2 years ago

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

devghod commented 2 years ago

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

dumptyd commented 2 years ago

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/.

image

devghod commented 2 years ago

Will look into it. Thank you