Searchable option in dropdown component
See original GitHub issueDescribe the feature
Please consider adding the searchable
option to the dropdown component. I’m trying to achieve something similar to Mantine’s searchable select.
Although this may seem identical to an autocomplete component with open-on-click
enabled, there is a difference:
When a value has been selected on the autocomplete, and you click on the input element to open the options list, you will only see values that match the string of the currently selected value. All other options are hidden because they don’t directly contain the value of the selected input.
A searchable dropdown element would allow users to filter the options to quickly find what they are looking for without hiding any options when the input is clicked to change the value.
Issue Analytics
- State:
- Created 10 months ago
- Comments:8 (4 by maintainers)
Top Results From Across the Web
How To Create Searchable, Async Dropdowns with React ...
Step 1 — Setting Up the Project · Step 2 — Adding React Select · Step 3 — Adding Advanced Options.
Read more >Create Your Custom Drop-down Menu with a Search Option in ...
The options variable contains the options that will be displayed in the drop-down menu. The handleMenuOpen function opens the drop-down menu ...
Read more >How TO - Search/Filter Dropdown - W3Schools
Learn how to search for items in a dropdown menu with CSS and JavaScript. ... Use a container element (like <div>) to create...
Read more >searchable dropdown in react - Stack Overflow
it is working perfectly fine. now I need to change it to searchable list. I did below. import VirtualizedSelect from 'react-virtualized ...
Read more >React Select Dropdown with Search and Multi-select
React Select Dropdown with Search and Multi-select ; options: array of objects with “label” and “value” properties which can be selected from the...
Read more >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
@sashamilenkovic Working perfectly now! 😄
@jerrebm Try hard reloading the docs. It’s probably still referencing the last version of @next pro for you.