Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.
And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.
Array items rearrange with useTransition
See original GitHub issue🐛 Bug Report
When using useTransition with an array of items, when the items are transitioning out of the DOM, the order of the items changes; the array is rearranged.
https://codesandbox.io/s/react-spring-cards-reordering-8tckt
To Reproduce
Steps to reproduce the behavior: See sandbox: https://codesandbox.io/s/react-spring-cards-reordering-8tckt
When using useTransition from [ 1, 2 ] to [ 1, 2, 3, 4] back to [ 1, 2 ], the order temporarily changes to [ 4, 1, 2, 3 ] while the transition is happening.
Expected behavior
I would expect the order to stay the same while transitioning back (it should always be [ 1, 2, 3, 4 ])
Link to repro (highly encouraged)
https://codesandbox.io/s/react-spring-cards-reordering-8tckt
Environment
react-springv8.0.27reactv16.12.0
Issue Analytics
- State:
- Created 3 years ago
- Reactions:2
- Comments:5 (1 by maintainers)
Top Results From Across the Web
Top Related Medium Post
Top Related StackOverflow Question
Troubleshoot Live Code
Top Related Reddit Thread
Top Related Hackernoon Post
Top Related Tweet
Top Related Dev.to Post
Top Related Hashnode Post
Confirmed this bug is not happening in v9: https://codesandbox.io/s/react-spring-cards-reordering-v9-dpfm1
closing due to inactivity & it’s fixed in v9. please use discussions or discord if you want more help or please consider creating a PR if you want to add a feature 😄