How to avoid afterimage when expanding/collapsing items at the same time

[XSAM]

Hello,

I am getting an afterimage (A short time wrong transform value) when resizing (expanding and collapsing) multiple items at the same time.

Here is the screen recording:

resizing.mp4

Here is the code:

https://codesandbox.io/s/dank-haze-ltc0gt?file=/src/main.tsx

---

Any ideas to remove such an afterimage?

[piecyk]

Yes, it could happen, as update the position of virtual item happens after the size change. One solution could be to move the whole items as one block, something like https://codesandbox.io/s/xenodochial-flower-kg35e0?file=/src/main.tsx

[XSAM]

Thanks for the reply. It works!

Should this approach become the default one to create a dynamic list? It seems less flawed.