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.

Request: Implement a Searchable Select

See original GitHub issue

I think it would be nice to have a Select with Input component, I’ve seen it used in many Google Material products for making it easier to filter large lists.

Something like this little library: https://selectize.github.io/selectize.js/

I’m by no means expecting you to dictate the behaviour of the select, in fact I’d rather you didn’t so that one could do so themselves, or at least add an optional onChange prop override.

Issue Analytics

  • State:open
  • Created 4 years ago
  • Comments:5 (2 by maintainers)

github_iconTop GitHub Comments

2reactions
codypearcecommented, May 28, 2019

Well I like the idea of of prebuilt functionality that matches material, but with enough escape hatches to make something more custom.

So maybe add that filterable prop, but allow for the user to pass in a custom TextField component that gets rendered instead of the prebuilt one, for example renderTextField prop. This would also allow the user to use other packages like https://github.com/benhurott/react-native-masked-text while still taking advantage of the Select element.

1reaction
Emuentescommented, Jul 14, 2019

What about downshift? Might not need too much refactoring to be cross platform. I’m not sure tho, haven’t looked into it.

https://github.com/downshift-js/downshift

Read more comments on GitHub >

github_iconTop Results From Across the Web

Creating a select box with a search option - Stack Overflow
Incase you need to use only select tag use Selectize Js. It has all options we require .Please Try It Demo using Selectize...
Read more >
How To Create Searchable, Async Dropdowns with React ...
Once you have a working React application, you can start adding React Select. Step 2 — Adding React Select. Your project will require...
Read more >
How To Add Search Functionality To Select Box (HTML, CSS ...
Hi, in this video we will add search functionality to the custom select box that we ... 48K views 3 years ago Create...
Read more >
How to Create a Searchable Dropdown in ASP.NET MVC
In this tutorial, we will learn how to convert a simple Drop Down to a Searchable Drop Down in ASP.NET MVC C# Application...
Read more >
How To Create A Searchable Dropdown List In Excel - YouTube
Learn how to create a searchable dropdown list using data validation ! Check out my full courses and ebooks here  ...
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