mui / mui/base-ui

[autocomplete] popup with transition flickers on input clear when searching for a non existent item

Open
#4,408 3 comments 0 reactions 0 assignees View on GitHub
component: autocomplete
Dominant language
TypeScript
Stars
10.9k
Forks
543
Avg merge
1d 20h
Merged PRs (30d)
101

Description

# Bug report

## Current behavior

Currently, when building an autocomplete with a transition provided to the popup, like the example below, the popup component flickers whenever you search for a non-existent item and then clear the input.

## Expected behavior

When the autocomplete input is cleared while searching for a non-existent item, the popup should close, and the list content shouldn't change during the closing transition timeframe.

## Reproducible example
_try searching for `z` and then deleting it:_
https://stackblitz.com/edit/vu1nb1hw?file=src%2FApp.tsx

## Base UI version

v1.3.0

## Which browser are you using?

Firefox

## Which OS are you using?

Mac OS

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.