primitives icon indicating copy to clipboard operation
primitives copied to clipboard

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

Open gino opened this issue 2 years ago • 12 comments

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.

gino avatar Jan 18 '23 15:01 gino

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.

benoitgrelard avatar Jan 18 '23 15:01 benoitgrelard

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).

italodeandra avatar Jan 28 '24 03:01 italodeandra

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

yumadilovtimur avatar Jul 11 '24 04:07 yumadilovtimur

+1 I really need it

kpyszkowski avatar Jul 13 '24 00:07 kpyszkowski

+1

sbuys avatar Aug 09 '24 21:08 sbuys