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

Menubar: Clicking menuitems outputs error in console #16201

Closed
pistage opened this issue Aug 8, 2024 · 3 comments · Fixed by #16202 · 4 remaining pull requests
Closed

Menubar: Clicking menuitems outputs error in console #16201

pistage opened this issue Aug 8, 2024 · 3 comments · Fixed by #16202 · 4 remaining pull requests
Labels
Component: Accessibility Issue or pull request is related to WCAG or ARIA LTS-16-PORTABLE LTS-FIXED-16.9.15 Type: Bug Issue contains a bug related to a specific component. Something about the component is not working v18-port
Milestone

Comments

@pistage
Copy link
Contributor

pistage commented Aug 8, 2024

Describe the bug

Component generates console errors
When clicking on a menuitem in the menubar component, you can see console error output.

Error message
Blocked aria-hidden on a element because the element that just received focus must not be hidden from assistive technology users. Avoid using aria-hidden on a focused element or its ancestor. Consider using the inert attribute instead, which will also prevent focus.

menubar

Environment

Can be reproduced in the website showcases

Reproducer

https://primeng.org/menubar

Angular version

18

PrimeNG version

17.18.7

Build / Runtime

Angular CLI App

Language

ALL

Node version (for AoT issues node --version)

20.16.0

Browser(s)

Chrome

Steps to reproduce the behavior

  1. Open inspect mode
  2. Make sure you have the console open
  3. Click on any of the menuitems in the Menubar (https://primeng.org/menubar)
  4. You should now see the console error

Expected behavior

No error output

@pistage pistage added the Status: Needs Triage Issue will be reviewed by Core Team and a relevant label will be added as soon as possible label Aug 8, 2024
@cetincakiroglu cetincakiroglu 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 Aug 8, 2024
@cetincakiroglu cetincakiroglu added this to the 17.18.8 milestone Aug 8, 2024
@cetincakiroglu cetincakiroglu added the Type: Bug Issue contains a bug related to a specific component. Something about the component is not working label Aug 8, 2024
cetincakiroglu added a commit that referenced this issue Aug 8, 2024
@pjlasl
Copy link

pjlasl commented Aug 12, 2024

@cetincakiroglu will this be corrected for v16 LTS?

@JohannesBeiserSG
Copy link

JohannesBeiserSG commented Aug 27, 2024

I keep having the described problem with 17.18.9.

@fabian4
Copy link

fabian4 commented Nov 22, 2024

The problem also happened when using TreeModule

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment