Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[Feature Request] Add a search option in select component. #3367

Open
nayan1834 opened this issue Jun 30, 2024 · 2 comments
Open

[Feature Request] Add a search option in select component. #3367

nayan1834 opened this issue Jun 30, 2024 · 2 comments

Comments

@nayan1834
Copy link

Is your feature request related to a problem? Please describe.

When dealing with a Select component that contains a large number of options (e.g., hundreds or thousands of items), it becomes challenging for users to find and select the desired option efficiently. Scrolling through a lengthy list is time-consuming and can lead to user frustration.
Currently, the Select component lacks a built-in search or filter mechanism, which forces users to manually scroll through the entire list. This limitation significantly impacts user experience and efficiency, especially in applications where quick selection from large datasets is frequent.

Describe the solution you'd like

I propose adding a search/filter functionality to the Select component. This feature would include:

  • A search input field at the top of the dropdown list.
  • Real-time filtering of the options as the user types.
  • Highlighting of matched text in the filtered results.
  • Clear indication when no results match the search criteria.
  • The ability to disable/hide this feature for smaller lists where it's not needed.

Describe alternatives you've considered

i am using some packages from npm
also reactprime has a component named multiselect. Which is great.

Screenshots or Videos

No response

Copy link

linear bot commented Jun 30, 2024

@nayan1834
Copy link
Author

If possible can I take up thi issues?

Sure.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant