question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Searchable option in dropdown component

See original GitHub issue

Describe 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:open
  • Created 10 months ago
  • Comments:8 (4 by maintainers)

github_iconTop GitHub Comments

1reaction
jerrebmcommented, Nov 30, 2022

@sashamilenkovic Working perfectly now! 😄

0reactions
sashamilenkoviccommented, Nov 30, 2022

@jerrebm Try hard reloading the docs. It’s probably still referencing the last version of @next pro for you.

Read more comments on GitHub >

github_iconTop 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 >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found