The animation gets stuck under load.

[NickNovoselov]

🐛 Bug Report

With a consistently low FPS, the animation stops and the elements can get stuck in one place for several minutes. If I correctly identified FrameLoop always go to this if and the animation does not move. In our project, I use Transition for the enter and leave of elements, but with low FPS it may simply not seem to users.

To Reproduce

Load the CPU with other calculations and start the animation.

Expected behavior

I expected that the animation would skip frames, but it would end at the same time, as if it did not skip frames.

Link to repro (highly encouraged)

In this example, if you increase the const LOAD. Slides hang between end states.

Environment

• react-spring v8.0.18 ... v9.0.0-beta.22
• react v16.8.6

[bginsburg]

I can see the same issue happening with useSpring
v9.0.0-beta.22 made it better but still under load chrome freezes and needs reboot.

[bginsburg]

@NickNovoselov @aleclarson Any workaround for this?
Some way i can use to kill the animation if it happens?

[du5rte]

Facing similar issue on react-native when using loop scripting, also the SPRING SCRIPTING example on the website freezes my browser (chrome), which is similar to what I'm trying to do. both on version 8.0.27 and 9.0.0-beta.31

[aleclarson]

Someone please try with 9.0.0-rc.2 (#985). 👍

[joshuaellis]

closing due to inactivity. please use discussions or discord if you want more help or please consider creating a PR if you want to add a feature 😄