Transition Group with v-for element with ref: clunky removal
Vue version
v3.2.47 and beta version
Link to minimal reproduction
Steps to reproduce
Click one of the crosses in the playground example. On the left, the list jumps. On the right, it slides smoothly. The difference is the ref="refsList" on the left list.
What is expected?
It should always go smoothly
What is actually happening?
It doesn't go smoothly if there is a refslist.
System Info
Tried Brave, Firefox, Chrome. OS: Ubuntu linux 22.04
Any additional comments?
No response
use shallowRef
instead of ref
see