JedWatson / JedWatson/react-select
Input keeps hidden after selecting option with openMenuOnClick=false
Nobody has claimed this yet.
- Dominant language
- TypeScript
- Stars
- 28k
- Forks
- 4.1k
- PR merge metrics
- No merged PRs in 30d
Description
I set openMenuOnClick=false.
- Select a option
- Click outside the component
- Click back inside the component
The cursor dos not show up. The options are filtered when typing but the actual input value is not displayed either.
- Repeat 2. and 3.
The cursor is shown. The input value is displayed as well.
I found that the isHidden property in the Input field remains true and the Input element is not displayed after selecting the option and clicking out of the component (step 1. to 3.). It is reset to false after step 4 (see console output in the sandbox example).
Please refer to this Codesandbox.
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Start by reproducing the four-step sequence in the linked CodeSandbox with openMenuOnClick=false, then trace the Select Input rendering and its isHidden state. Done means the cursor and selected input value are visible immediately after selecting an option, clicking outside, and clicking back inside.
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
- 42/100