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

Multiselect: must hit TAB key twice to move focus to next dropdown element #6288

Closed
arnodemer opened this issue Apr 2, 2024 · 1 comment · Fixed by #6320
Closed

Multiselect: must hit TAB key twice to move focus to next dropdown element #6288

arnodemer opened this issue Apr 2, 2024 · 1 comment · Fixed by #6320
Assignees
@melloware
Labels
Component: Accessibility Issue or pull request is related to WCAG or ARIA
Milestone
10.6.3

Comments

@arnodemer
Copy link
Contributor

Describe the bug

to move focus from a checkbox to another from multiselect dropdown panel, I need to type TAB key twice.

Reproducer

No response

PrimeReact version

10.6.2

React version

17.x

Language

TypeScript

Build / Runtime

Create React App (CRA)

Browser(s)

No response

Steps to reproduce the behavior

  1. open Multiselect showCase: https://primereact.org/multiselect/
  2. open first "Select Cities" multiselect
  3. type TAB several times
  4. focus move from a checkbox to another, but require typing TAB key two times

Expected behavior

  1. Expect to move focus using single TAB key
  2. inspecting dev tools, I don't see the 'p-focus' class moved from 'p-multiselect-item' to another item when I hit TAB key
@arnodemer arnodemer added the Status: Needs Triage Issue will be reviewed by Core Team and a relevant label will be added as soon as possible label Apr 2, 2024
@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 Apr 6, 2024
@melloware melloware self-assigned this Apr 7, 2024
@melloware melloware added this to the 10.6.3 milestone Apr 7, 2024
melloware added a commit to melloware/primereact that referenced this issue Apr 7, 2024
@melloware
Fix primefaces#6288: MultiSelect focus checkbox on focus of list item
4a7abc1
@melloware melloware mentioned this issue Apr 7, 2024
Merged
@melloware
Copy link
Member

PR Submitted.

gucal added a commit that referenced this issue Apr 9, 2024
@gucal
Merge pull request #6320 from melloware/PR6288
8f380f2 
Fix #6288: MultiSelect focus checkbox on focus of list item
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.6.3
Development

Successfully merging a pull request may close this issue.

Fix #6288: MultiSelect focus checkbox on focus of list item melloware/primereact
2 participants
@melloware @arnodemer