Animation problem in mobile

[romanmuska]

Hi,

we noticed a problem of flip animation in mobile devices. When we open it on iOS or any android device we see that sometimes just whole number is revealed and sometimes it flip nicely step by step to final value. Can you please check where can be a problem or how to fix it? ... It is doing also with your preset demo. The only change in our code is that we waiting to intersect window flipper after scroll and then set it on that value. But it also do that when we just put there the preset demo code, so i don't think that it is cause by that observer. Desktop is fine on all browsers and it works perfecly. I also attached video showing the problem. This problem occurs randomly.

RPReplay_Final1698152262.mp4

Thanks for you help.

[rikschennink]

Does this happen on https://pqina.nl/flip?

[romanmuska]

No it doesn't because it is already in a viewport. This happens to us only when we scroll down and set value when element is visible. If you need i can send you page and also code to simulate it.

[rikschennink]

If you can reproduce it in a codepen or on stackblitz I'm happy to take a look.

[romanmuska]

Hi i cannot simulate it on stackblitz because they have some integrated light browser which is opened in different way on mobile but i put the simulated version on https://flip.rootscope.co where you can try it (please preview it on mobile because error happens only there) and don't forget to scroll page down, because flipper is under init viewport. I send you also the code to simulate it: https://stackblitz.com/edit/js-h36mqc