JedWatson / JedWatson/react-select
Cannot change cursor when using unstyled
Open
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
First of all, thanks for the library!
When using the unstyled option with classnames, it's not possible to change the mouse pointer due to specificity issues.
Code sandbox: https://codesandbox.io/s/react-select-v5-sandbox-forked-n63kht?file=/example.js
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 with example.js in the linked CodeSandbox and reproduce the cursor behavior with the unstyled option and classnames. Trace how the relevant styles are applied and identify why the specificity prevents the pointer from changing. Done means a consumer can change the mouse cursor in this configuration without losing the unstyled behavior.
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