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.

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

Multiselect: Last selected item is removed from selection when TABbing away from opened list #16851

Open
konuch opened this issue Nov 26, 2024 · 0 comments
Labels
Status: Pending Review Issue or pull request is being reviewed by Core Team
Milestone

Comments

@konuch
Copy link

konuch commented Nov 26, 2024

Describe the bug

This is mainly related to accessibility. When user opens a multiselect component, selects a few options and then presses TAB key to move to next/previous focusable item on the page, the last selected option gets deselected.

Environment

Windows 11

Reproducer

https://stackblitz.com/edit/github-p4anhh?file=src%2Fapp%2Fapp.component.html

Angular version

18.0.1

PrimeNG version

18.0.1-rc

Build / Runtime

Angular CLI App

Language

TypeScript

Node version (for AoT issues node --version)

20.18.0

Browser(s)

Chrome 131

Steps to reproduce the behavior

  1. Open the multiselect dropdown and select several items.
  2. Move to next/previous focusable item (Primeng Butotn in this case) using TAB key.
  3. Last selected multiselect options is deselected

Expected behavior

All the selected multiselect options stay selected when navigating away from opened multiselect using TAB key.

@konuch konuch 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 26, 2024
@mertsincan mertsincan added Status: Pending Review Issue or pull request is being reviewed by Core Team 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 26, 2024
@mertsincan mertsincan added this to the 18.0.0.Final milestone Nov 26, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Status: Pending Review Issue or pull request is being reviewed by Core Team
Projects
None yet
Development

No branches or pull requests

2 participants