Exit animation with tailwindcss-motion not working?

[baptisteArno]

I'm wondering why exit animation with tailwindcss-motion specifically are not working.

Reproduction: https://stackblitz.com/edit/twtsreact-h9anonqq

It seems hidden attribute is added even though the animation duration is 2s. Maybe ark does not detect the animation duration properly in that case?

Adding style={{"animationDuration": "2s"}} makes it work. So is there anything we can do to make it work without this workaround?

[segunadebayo]

This happens because the styling from those classNames doesn't resolve to a known duration.

Here's a screenshot

Notice the long animation duration

[baptisteArno]

So tailwind-motion is coded with feet and I should avoid using it? 😂

[baptisteArno]

Still @segunadebayo the animation duration contains 2s. Shouldn't Ark be able to still detect this?

[segunadebayo]

Multiple animation durations are valid, as seen here: https://developer.mozilla.org/en-US/docs/Web/CSS/animation-duration#syntax, but we can't ascertain what duration maps to what animation property/timeline.

That's where the complexity lies. Would recommend specifying a duration on your end.