react-gradient-progress icon indicating copy to clipboard operation
react-gradient-progress copied to clipboard

Published 20 hours ago • verified publisher icon prasannamestha

Zoom in-out problem in Safari

Open balazsnemeth opened this issue 5 years ago • 2 comments

Gradient layer is misleading after zooming in/out in the Safari browser:

Screenshot 2020-02-06 01 43 44

Steps to reproduce:

  • display a gradient circle in Safari
  • select menu View > Zoom Out

Do you have a live demo app? I tried to hook it up in codepan and stackblitz, but no luck.

Possible Reason:

Seems to be the transition: rotation(-90%) does not rotating around the center point in case of zoomed page...

Any idea how to fix this?

balazsnemeth avatar Feb 06 '20 00:02 balazsnemeth

Oops, haven't noticed that.. I'm current;y occupied with some other stuff, it might take me a while to get this fixed, in the mean time it would be great if someone could help solve the issue. src/circle.js should be the culprit

prasannamestha avatar Feb 06 '20 03:02 prasannamestha

Just opened a PR to fix this: #29

zthfmh avatar Mar 12 '24 23:03 zthfmh