almond-bongbong / react-slot-counter

🚀 Elevate Your UI with Dynamic, Eye-Catching Counters
https://almond-bongbong.github.io/react-slot-counter/
112 stars 12 forks source link

Doesnt work when zoomed in 100%+ #49

Closed orlandodiaz closed 4 months ago

orlandodiaz commented 4 months ago

Animation frozen when zoomed in to more than 100 percent

Steps to Reproduce

Expected Behavior: A clear and concise description of what you expected to happen.

Version of the software/library. Environment Latest chrome (126)

BerendPronkEndeavour commented 3 months ago

@orlandodiaz I'm having the same issue. Why did you complete this issue? Did you find a solution?

@almond-bongbong There seems to be something wrong with the startValue property.

If I zoom to 110%, I get some duplicate key errors on the component. The counters are not animating and the outcome looks weird.

What it should look like: image

What it looks like on 110% zoom (same code): image

If I remove the startValue property, I receive no key errors, but the counters also don't animate. They do show the correct value, though.

What do I need to do to fix this, or does this need to be fixed in the package?

Edit: It seems as though the animation doesn't trigger when zoomed in, anyway.

BerendPronkEndeavour commented 3 months ago

This issue, or at least the one I was having in my last comment, is resolved in version 3.0.1.