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

[WTW-Jacob-Evans]

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]

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

[WTW-Jacob-Evans]

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]

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

[mehmetcetin01140]

Hi,

So sorry for the delayed response! Improvements have been made to many components recently, both in terms of performance and enhancement. Therefore, this improvement may have been developed in another issue ticket without realizing it. You can check this in the documentation. If there is no improvement on this, can you open a new issue so we can include it in our roadmap?

Thanks a lot for your understanding!
Best Regards,