Skip to content

✨ feat(select): add clearable support for react select form #1903

@Jakob-Baloise

Description

@Jakob-Baloise

Summary

Add a clearable behavior to the Select component when used with typeahead, so users can quickly clear the current selection and search again.

Use Case

In large option lists, users search and select a value via typeahead.
After selection, reopening the dropdown often keeps the selected text as active filter input, so users see no useful options until they manually delete all text.
This creates friction and makes the component feel broken in normal editing flows where users need to switch to a different option.

Preferred Solution

Add native clear support for Select with typeahead:
Show a clear action (x) when a value is selected.
Clearing should reset both selected value and search/filter text.
Reopening the dropdown after clear should show the full option list.

Additional Information

Framework: React

Current workaround requires custom UI outside the component, which reduces consistency across applications.
A built-in clearable option would avoid custom implementations and improve UX.

Will this feature introduce breaking changes?

None

Code of Conduct

  • I agree to follow this project's Code of Conduct

Metadata

Metadata

Assignees

No one assigned

    Labels

    ✨ featureNew feature or request🛡️ ltswork for the main branch

    Type

    No type
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions