Animate across lists? Across all elements inside a ul?

[morgs32]

I'm wondering if any thought has been given to animating across lists?
I've updated the react demo here:
https://stackblitz.com/edit/auto-animate-react-g2wecm?file=src%2FFrameworkList.jsx

And here's a screen recording
https://github.com/formkit/auto-animate/assets/1364795/e4a6524a-9734-4522-9389-197605becd67

My real use case is to have the "Add new" row get auto-animated into a SORTED list.

• But originally it is outside the list.
• I set key on the li item and it is the same key as it will have in the list once it has been added.

Here's a screen recording of that. Any suggestions? Would you be interested in that feature?

Screenshare.-.2024-01-07.2_36_36.PM.mp4

Thanks!