Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

ListBox: options not focusable using keyboard #3672

Closed
nico-richter opened this issue Nov 18, 2022 · 2 comments · Fixed by #5989
Closed

ListBox: options not focusable using keyboard #3672

nico-richter opened this issue Nov 18, 2022 · 2 comments · Fixed by #5989
Assignees
@melloware
Labels
Component: Accessibility Issue or pull request is related to WCAG or ARIA
Milestone
10.5.2

Comments

@nico-richter
Copy link

Describe the bug

Entry of ListBox is not focusable using the tab key.
If using filter only InputText is focusable.

Reproducer

No response

PrimeReact version

8.7.2

React version

18.x

Language

ALL

Build / Runtime

Create React App (CRA)

Browser(s)

Chrome 107

Steps to reproduce the behavior

  1. Click/Focus on element before ListBox.
  2. press Tab on keyboard

Expected behavior

Behave like the native to focuses ListBox itself and let navigate with arrow keys. Another way is to focus the first or last selected option or the first option. Focus via ref should also be possible.
@nico-richter nico-richter added the Status: Needs Triage Issue will be reviewed by Core Team and a relevant label will be added as soon as possible label Nov 18, 2022
@melloware melloware added Component: Accessibility Issue or pull request is related to WCAG or ARIA and removed Status: Needs Triage Issue will be reviewed by Core Team and a relevant label will be added as soon as possible labels Nov 18, 2022
@melloware
Copy link
Member

@nico-richter all Accessibility and ARIA concerns are being addressed for 9.0.

@melloware
Copy link
Member

This is how it will eventually work just like PrimeVue: https://www.primefaces.org/primevue/listbox

@melloware melloware added this to the 9.0.0 milestone Dec 8, 2022
@melloware melloware modified the milestones: 11.0.0, 10.5.2 Feb 16, 2024
@melloware melloware self-assigned this Feb 16, 2024
melloware added a commit to melloware/primereact that referenced this issue Feb 16, 2024
@melloware
Fix primefaces#3672: Listbox keyboard accessibility
e0cca38
@melloware melloware mentioned this issue Feb 16, 2024
Merged
melloware added a commit that referenced this issue Feb 16, 2024
@melloware
Fix #3672: Listbox keyboard accessibility (#5989)
9c9653f
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@melloware melloware

Labels
Component: Accessibility Issue or pull request is related to WCAG or ARIA
Projects
None yet
Milestone
10.5.2
Development

Successfully merging a pull request may close this issue.

Fix #3672: Listbox keyboard accessibility melloware/primereact
2 participants
@melloware @nico-richter