Skip to content

p-menu Keyboard Navigation broken #19313

@rli-topdev

Description

@rli-topdev

Describe the bug

When using a p-menu in PrimeNG 20, you could navigate to the next menu item with the arrow keys. In PrimeNG 21, this no longer works. The problem is reproducible on the official documentation.

I tracked down the issue to this commit ff18ada when removing the [pBind] again the navigation is working again.

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://stackblitz.com/edit/asdmhygm-yepctx6k

Environment

Windows 11
Firefox and Chrome

Angular version

21.0.0

PrimeNG version

v21

Node version

24.13.0

Browser(s)

No response

Steps to reproduce the behavior

  1. Create a p-menu
  2. Click on The first item to make sure the menu has focus
  3. Press Arrow Down to get to the next item
    -> Not working

Expected behavior

After pressing the arrow key, the next item should be focused, as it was in PrimeNG20.

Metadata

Metadata

Labels

Component: AccessibilityIssue or pull request is related to WCAG or ARIALTS-PORTABLEIssue's fix will be ported to supported LTS versionsType: BugIssue contains a bug related to a specific component. Something about the component is not working

Type

No type
No fields configured for issues without a type.

Projects

Status
Done

Milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions