Progress bar out of bounds and cut off on Safari #233
Description
🐛 Bug report
Summary of issue
When using the rotation property and zoom on safari, the progress bar gets cut off/goes out of bounds. The positioning is not centered in the div at that point. View screenshot below:
Reproducible example
Fork this Codesandbox and modify it to demonstrate the issue you're having: https://codesandbox.io/s/reactcircularprogressbar-issue-template-3zm3j
https://codesandbox.io/s/vymm4oln6y?file=/index.js:2129-2161
View this codesandbox in safari and full screen the demo. Try zoom in and see how rotation responds.
Your environment
- What browser version were you using? Safari on Mac
- What version of react-circular-progressbar are you using? This is the demo link from the home page