react-circular-progressbar icon indicating copy to clipboard operation
react-circular-progressbar copied to clipboard
verified publisher icon kevinsqi

Children of CircularProgressbarWithChildren don't scale

Open ugnelis opened this issue 3 years ago • 1 comments

🐛 Bug report

Summary of issue

Children of CircularProgressbarWithChildren aren't scaling evenly. Would it be possible to have children assigned to parent SVG?

large

smale

Your environment

  • What browser version were you using? FireFox 97.0.1
  • What version of react-circular-progressbar are you using? 2.0.4

ugnelis avatar Mar 10 '22 14:03 ugnelis

https://github.com/kevinsqi/react-circular-progressbar/blob/master/src/CircularProgressbarWithChildren.tsx#L16 should use <foreignObject width="100%" height="100%" xmlns="http://www.w3.org/1999/xhtml"> instead of div. Source: https://stackoverflow.com/a/30921225/2122457

ugnelis avatar Mar 15 '22 07:03 ugnelis