JedWatson / JedWatson/react-select
Multi Select with isSearchable false
Nobody has claimed this yet.
- Dominant language
- TypeScript
- Stars
- 28k
- Forks
- 4.1k
- PR merge metrics
- No merged PRs in 30d
Description
Thanks for using react-select!
I'm reporting a bug
Please include a test case that demonstrates the issue you're reporting!
Hi there, I'm currently running to a bug that when a selection is made the selection is the push to the left side and is not visible,
and when the selection is cleared the placeholder is the same.
A picture is included.
I've found that the issue is on the overflow css property on the valueContainer div.
In the meanwhile whenever I'm on mobile view and I set isSearchable to false I remove the overflow property and the bug solves.
Unfortunately I could not create a PR while I would love to.
Conditions To Reproduce
- isSearchable set to false
- width is only the size of the placeholder
- isMulti set to true
- isRtl set to true
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
No source file or test is named. Start at the valueContainer styling and reproduce the issue with isSearchable=false, isMulti=true, isRtl=true, and a width limited to the placeholder; inspect the overflow behavior. Done means selected values and the placeholder remain visible, with a regression test covering these conditions.
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
- 45/100