patternfly / patternfly/patternfly-react
Bug - [Dual List Selector#basic-with-search] - [Second option is selected instead of first from Available option list]
Nobody has claimed this yet.
- Dominant language
- TypeScript
- Stars
- 862
- Forks
- 392
- Avg merge
- 4d 8h
- Merged PRs (30d)
- 9
Description
Describe the problem
When the focus is on Available Options, the on pressing arrow key, second option in list is selected instead of first:The issue is with Component>Dual List Selector>. And this issue is in Patternfly 5.
How do you reproduce the problem?
- Reach to the Menus Component>Dual List Selector (https://v5-archive.patternfly.org/components/dual-list-selector/#basic-with-search )
- Start the voiceover and try to read the available options
- When the focus is on Available Options, the on pressing arrow key, second option in list is selected instead of first
Expected behavior
When the focus is on Available Options, the on pressing arrow key, first option should be selected
Screenshots
What is your environment?
-iOS
Browser [e.g. chrome, safari]
Jira Issue: PF-2934
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 PatternFly 5 Dual List Selector basic-with-search example linked in the issue and inspect the component's keyboard and focus behavior for the Available Options list. Reproduce the VoiceOver case on iOS, then verify that pressing the arrow key selects the first option and that the existing behavior remains correct for other list interactions.
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
- Quiet
- Clarity
- Mostly clear
- Newbie friendliness
- 48/100