react-circular-progressbar icon indicating copy to clipboard operation
react-circular-progressbar copied to clipboard

Cannot change dominant-baseline

Open cyonder opened this issue 4 years ago • 1 comments

🐛 Bug report

Summary of issue

Cannot change dominant-baseline for text. I want to set it to center.

Reproducible example

      <CircularProgressbar
        text={`1/4`}
        styles={{
          text: {
            fill: 'red',
            'dominant-baseline': 'center'
          }
        }}
      />

fill works but dominant-baseline doesn't work. I also tried "dominantBaseline" instead of " 'dominant-baseline' "

Your environment

  • What browser version were you using? Chrome v98
  • What version of react-circular-progressbar are you using? ^2.0.4

cyonder avatar Mar 10 '22 16:03 cyonder

Try using middle instead center, these values are not based in align but in the baseline, that's why they are different.

For more info, check this link

lalodsi avatar Jan 18 '23 06:01 lalodsi