diff --git a/.changeset/small-berries-feel.md b/.changeset/small-berries-feel.md new file mode 100644 index 0000000000..e8567f0cf1 --- /dev/null +++ b/.changeset/small-berries-feel.md @@ -0,0 +1,5 @@ +--- +'@rocket.chat/fuselage': patch +--- + +Fix dropdown flickering when closing Autocomplete, Multiselect, and similar components diff --git a/packages/fuselage/src/components/AnimatedVisibility/AnimatedVisibility.tsx b/packages/fuselage/src/components/AnimatedVisibility/AnimatedVisibility.tsx index 5b93b2cb27..b4113f123e 100644 --- a/packages/fuselage/src/components/AnimatedVisibility/AnimatedVisibility.tsx +++ b/packages/fuselage/src/components/AnimatedVisibility/AnimatedVisibility.tsx @@ -46,6 +46,7 @@ const AnimatedVisibility = (props: AnimatedVisibilityProps) => { const className = useStyle( css` animation-duration: 230ms; + animation-fill-mode: forwards; ${visibility === AnimatedVisibility.HIDING && css`