react-component / react-component/mentions
Dropdown option scroll is not working on keyboard up and down arrow key press
Nobody has claimed this yet.
- Dominant language
- TypeScript
- Stars
- 112
- Forks
- 65
- Avg merge
- 28m
- Merged PRs (30d)
- 2
Description
https://github.com/react-component/mentions/assets/30779077/b5d35804-17d9-4f4e-8b46-5fd3f862e882
when dropdown has more options and scroll is present in dropdown then on pressing of up and down arrow key of keyboard then it should automatically scroll to selected option and highlight that option.
Currently option is already highlighted but auto scroll is not working to that option.
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 by reproducing the keyboard-navigation behavior shown in the linked video, then locate the dropdown and arrow-key navigation entry points in the TypeScript/React code. Done means moving with the up and down arrows automatically scrolls the dropdown to the highlighted option when more options are present.
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
- 35/100