Skip to content

fix(fuselage): remove flicker in closing animations in MultiSelect and AutoComplete components#1888

Open
vmridul wants to merge 2 commits into
RocketChat:mainfrom
vmridul:flicker-fix
Open

fix(fuselage): remove flicker in closing animations in MultiSelect and AutoComplete components#1888
vmridul wants to merge 2 commits into
RocketChat:mainfrom
vmridul:flicker-fix

Conversation

@vmridul

@vmridul vmridul commented Mar 5, 2026

Copy link
Copy Markdown

Problem

When closing the dropdown in MultiSelect and Autocomplete, there was a quick flicker at the end — the dropdown would flash back to fully visible for a split second before finally disappearing.

Root Cause

The exit animation itself was working fine and playing all the way through. The problem was happening right after the animation finished. The browser resets the element back to its original state. That brief reset is what caused the visible flicker.

Proposed changes (including videos or screenshots)

Added animation-fill-mode: forwards to AnimatedVisibility. This tells the browser to hold the final frame of the animation (fully hidden) instead of resetting back to visible.

Affected Components

AutoComplete
MultiSelect
PaginatedMultiSelectFiltered
PaginatedSelectFiltered

Screen Recordings:

Before:
https://github.com/user-attachments/assets/1061d0fb-2a39-40cb-823c-eeba96ffb75c

After:
https://github.com/user-attachments/assets/2feb32f8-0b89-4bf2-9f82-098226c2ea79

Issue(s)

Further comments

@changeset-bot

changeset-bot Bot commented Mar 5, 2026

Copy link
Copy Markdown

🦋 Changeset detected

Latest commit: 0ae9b1a

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 1 package
Name Type
@rocket.chat/fuselage Patch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

@CLAassistant

CLAassistant commented Mar 5, 2026

Copy link
Copy Markdown

CLA assistant check
All committers have signed the CLA.

@dougfabris

Copy link
Copy Markdown
Member

@vmridul can u add a changeset?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants