react-spring: Native prop causes animation visually to fail, but the animated items are delayed from entry/removal as if animations were working
🐛 Bug Report
Animations that work fine fail if passed native
To Reproduce
Add native
to an otherwise working <Transition />
- Repro
Expected behavior
native
prop improves performance without causing animations to fail
Link to repro (highly encouraged)
https://codesandbox.io/s/jovial-darkness-cz1go
Environment
react-spring@8.0.28
react@16.12.0
About this issue
- Original URL
- State: closed
- Created 4 years ago
- Comments: 15 (6 by maintainers)
Okay, there’s the issue! Very strange that the sandbox works at all… 🤔
Some kind of Babel bug. Looks like
<Spring>
is also affected.Even more strange, the
<Trail>
component is not affected, even though it uses the same syntax…Works fine for me: https://codesandbox.io/s/react-spring-issue-919-1rvf9
Please try with the latest canary. 👍
You’ll need a slight change to your usage of the
Transition
component. See here: #809If you can’t figure it out, please provide a sandbox or git url.