radix-ui / primitives

Radix Primitives is an open-source UI component library for building high-quality, accessible design systems and web apps. Maintained by @workos.
https://radix-ui.com/primitives
MIT License
15.38k stars 768 forks source link

[Select] Add animation support when `position="popper"` #1893

Open gino opened 1 year ago

gino commented 1 year ago

Hi there,

I am using the Select component and trying to apply animations with framer-motion. But unfortunately, exit animations are not working since there is no forceMount prop that I should use, unlike other components that do have this prop.

Hope to see this prop eventually on the Select component aswell. Thanks a lot.

benoitgrelard commented 1 year ago

Hey @gino yes you are correct this is something we didn't have time to do yet and we wanted to prioritise releasing the positioning update as it was a longstanding issue. We will look at adding this soon.

italodeandra commented 7 months ago

Hi @benoitgrelard,

Any updates on this?

I find it weird all other components supports the exit animation but not Select. But in my case I'm just using Tailwind with CSS animations (data-[state=open]:animate-fadeIn data-[state=closed]:animate-fadeOut).

yumadilovtimur commented 2 months ago

Could you please tell me if there is an understanding when it will be possible to adjust the unmounted animation in the Select component? data-state=closed also doesn't work

kpyszkowski commented 2 months ago

+1 I really need it

sbuys commented 1 month ago

+1

RometPastak commented 1 day ago

Any updates on this? I wasted half of my day to get this working. Just now discovered that it is not supported.