JedWatson / JedWatson/react-select

The dropdown does not open in createable select when the search input and the options label do not match

Open
#5,933 0 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

issue/bug-unconfirmed
Dominant language
TypeScript
Stars
28k
Forks
4.1k
PR merge metrics
No merged PRs in 30d

Description

I am using react-select/creatable in my application. I have to search for some keyword and the results will be fetched based on the keywords. If the labels/words in the results fetched match exactly with my search term, the options are populated in the dropdown. But if the labels/words do not match exactly with my keyword, the dropdown with the options is not opened. But i have the options available. Here is an example.

My search term : "University of Laure"
One of the labels in the options: "Laurea University of Applied Sciences"

image

If I typed "Laurea Univers" Then I get the options opened in the dropdown.

image

Does anyone know why this happens?

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Reproduce the issue with react-select/creatable using a search term that does not exactly match an available option label, such as "University of Laure" and "Laurea University of Applied Sciences". Trace the filtering and dropdown-opening behavior, then confirm the dropdown opens when matching options are available and add coverage for this case.

Written by the indexing model from the issue text.

Assessment

Tech stack
react, typescript
Domain
frontend
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.