primefaces / primefaces/primereact
TreeSelect: (accessiblility) cannot access and clear the selected input using using keyboard
Open
Nobody has claimed this yet.
Status: Needs Triage
- Dominant language
- CSS
- Stars
- 8.3k
- Forks
- 1.2k
- PR merge metrics
- No merged PRs in 30d
Description
Describe the bug
TreeSelect: (accessiblility) cannot access and clear the selected input using using keyboard
Reproducer
No response
PrimeReact version
10.5.3
React version
17.x
Language
TypeScript
Build / Runtime
Create React App (CRA)
Browser(s)
No response
Steps to reproduce the behavior
- Go to https://primereact.org/treeselect/#clearicon.
- Click on the dropdown and select a dropdown option.
- Try to access the clear icon using Tab press.
- Clear Icon is not accessible.
Expected behavior
We should be able to access and clear the selected input using using keyboard.
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 the TreeSelect clearicon example at primereact.org/treeselect/#clearicon and reproduce the issue with a keyboard after selecting an option. Trace the TreeSelect clear control and verify that keyboard navigation can reach it and clear the selected input, including the documented PrimeReact 10.5.3 and React 17.x setup.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- react, typescript
- Domain
- accessibility, frontend
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 45/100