react-spring icon indicating copy to clipboard operation
react-spring copied to clipboard

[bug]: skipAnimation isnt skipping to the end of the to array

Open mitchellwarr opened this issue 3 years ago • 2 comments

Which react-spring target are you using?

  • [X] @react-spring/web
  • [ ] @react-spring/three
  • [ ] @react-spring/native
  • [ ] @react-spring/konva
  • [ ] @react-spring/zdog

What version of react-spring are you using?

9.4.5

What's Wrong?

When using skipAnimation, in my case due to prefer-reduce-animation being true, the animations are not skipping to the end of any to arrays. All animations that have to: [{}, {}] or an async function with nexts, do not work.

To Reproduce

Run any animation with a to array and note that it does not finish when skipAnimation is true. There is a sandbox with this setup. If you comment out the global skipAnimation, you can see that it will work, but with skipAnimation it does not work.

If you add immediate true to each step things work how I would expect the skipAnimation to.

Expected Behaviour

I would expect them to run but with immediate set to true.

Link to repo

https://codesandbox.io/embed/little-wildflower-hbgch4?fontsize=14&hidenavigation=1&theme=dark

mitchellwarr avatar May 25 '22 03:05 mitchellwarr

Consequence of this means supporting accessibility with this repo is a hard problem. Either we cant do anything complex, or we need to support reduced motion at every step

mitchellwarr avatar May 25 '22 03:05 mitchellwarr