Trying to do a dynamic scrolling info box

[FabienCoutant]

Hi there!

I'm trying to do a dynamic scrolling info box like this : https://codesandbox.io/s/admiring-euclid-q36rv?file=/src/App.tsx:672-683

The goal is to display a box with scrolling animation that depends of his content.
The issue is when you have both "open One" and "open Two" opened and you want to close one of them, you will see that a DOM element is removed before the animation start. I'm struggling on this issue.

Could someone have an idea?
Thx in advanced