Component: Panel Menu Accessibility Issue: Interactive Controls Must Not Be Nested

primefaces / primeng

The Most Complete Angular UI Component Library

https://primeng.org

Other

10.32k stars 4.56k forks source link

Component: Panel Menu Accessibility Issue: Interactive Controls Must Not Be Nested #15085

Open WTW-Jacob-Evans opened 6 months ago

WTW-Jacob-Evans commented 6 months ago

Describe the bug

Using Axe DevTools as part of accessibility work, the PanelMenu component raises an issue relating to nested controls.

Is it possible for this to be fixed?

Environment

Chrome, Windows 10

Reproducer

No response

Angular version

17.2.3

PrimeNG version

17.10.0

Build / Runtime

Angular CLI App

Language

TypeScript

Node version (for AoT issues node --version)

18.18.0

Browser(s)

No response

Steps to reproduce the behavior

No response

Expected behavior

No response

cetincakiroglu commented 6 months ago

Hi,

We've tried to replicate with Axe Devtools, however mentioned error didn't show up. Apart from unrelated issues from the page, we couldn't catch the mentioned issue. Could you please provide a stackblitz reproducer so we can identify the issue? Please ignore issues apart from panelMenu component Screenshot 2024-03-26 at 15 31 44

WTW-Jacob-Evans commented 5 months ago

Hi, sorry for the late reply; whilst I am unable to replicate it, I can see the element raising the issue is here Which is the button inside the panelMenu component. Do you have any suggestions why it is raising it as an issue here but not elsewhere?

WTW-Steve-Martin commented 3 months ago

Hi, Please can I have an update on this bug please. I checked 17.18.1 and this still seems to be an issue.