JedWatson / JedWatson/react-select
multi-value__remove classname does not change when focused
Open
Nobody has claimed this yet.
issue/reviewed
- Dominant language
- TypeScript
- Stars
- 28k
- Forks
- 4.1k
- PR merge metrics
- No merged PRs in 30d
Description
There's no way of knowing if that component is focused in css, because it:
- does not use real DOM :focus
- does not change classname when 'focused'.
Making it rather hard to change background color in css.
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 locating the multi-value__remove implementation and its focus handling. Check how the focused state is represented in the rendered class names and identify the existing tests for this component. Done means CSS can distinguish the focused remove control through its class name.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- react, typescript
- Domain
- frontend
- Issue type
- Bug
- Difficulty
- 2/5
- Estimated time
- 1-3 hours
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 35/100