bitjson / qr-code

A no-framework, no-dependencies, customizable, animate-able, SVG-based <qr-code> HTML element.
https://qr.bitjson.com/
MIT License
1.17k stars 58 forks source link

Glitchy QR Rendering when animation ends #8

Open Billzabob opened 4 months ago

Billzabob commented 4 months ago

https://github.com/bitjson/qr-code/assets/3711832/1815969d-38af-47be-80a7-f152599ef41d

We ran into this issue and I noticed you can even see it on the demo site. It's not super rare to see the behavior in the video above where the animation performs nicely but then suddenly gets all messed up a moment after the animation ends. It seems to be most common with RadialRippleIn from what I can tell. The simpler animations can experience it too but it's rarer and much more subtle when it happens.

This is in Chrome.