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

p-dropdown keyboard navigation #17779

Open
4 tasks
macedo8 opened this issue Feb 27, 2025 · 0 comments
Open
4 tasks

p-dropdown keyboard navigation #17779

macedo8 opened this issue Feb 27, 2025 · 0 comments
Labels
Status: Needs Triage Issue will be reviewed by Core Team and a relevant label will be added as soon as possible

Comments

@macedo8
Copy link

macedo8 commented Feb 27, 2025

Describe the bug

Navigate to p-dropdown using keyboard tab key
Press space key or enter key to open dropdown
Then press up/down arrow keys
Observe the drop down value. It is not getting selected with arrow key navigation. User has to press enter key to select the highlighted value.

With filter, dont select anything
https://vimeo.com/1060836306

Pull Request Link

No response

Reason for not contributing a PR

  • Lack of time
  • Unsure how to implement the fix/feature
  • Difficulty understanding the codebase
  • Other

Other Reason

No response

Reproducer

https://www.primefaces.org/primeng-v14-lts/dropdown

Environment

Development

Angular version

17.3.1

PrimeNG version

v17 (LTS Only)

Node version

18.20.7

Browser(s)

No response

Steps to reproduce the behavior

Navigate to p-dropdown using keyboard tab key
Press space key or enter key to open dropdown
Then press up/down arrow keys
Observe the drop down value. It is not getting selected with arrow key navigation. User has to press enter key to select the highlighted value.

Expected behavior

Drop down value should get selected while navigating with up/down arrow keys as in previous version - 15 along with enter key and spacebar key.

@macedo8 macedo8 added the Status: Needs Triage Issue will be reviewed by Core Team and a relevant label will be added as soon as possible label Feb 27, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Status: Needs Triage Issue will be reviewed by Core Team and a relevant label will be added as soon as possible
Projects
None yet
Development

No branches or pull requests

1 participant