react-component / react-component/mentions
Disabled option can be selected by pressing Enter key
Open
Nobody has claimed this yet.
- Dominant language
- TypeScript
- Stars
- 112
- Forks
- 65
- Avg merge
- 28m
- Merged PRs (30d)
- 2
Description
<Mentions>
<Option disabled value="light">Disabled Light</Option>
<Option value="bamboo">Bamboo</Option>
<Option value="cat">Cat</Option>
</Mentions>
The disabled option cannot be selected by clicking, but it can be selected by pressing Key Up/Down and Key Enter.
Contributor guide
No contributing guide indexed for this repository
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 the Mentions keyboard-navigation and Enter-key handling using the JSX example in the issue. Reproduce the case with the disabled Light option, then verify that navigating and pressing Enter cannot select it while the Bamboo and Cat options remain selectable.
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
- Active
- Clarity
- Mostly clear
- Newbie friendliness
- 70/100