Menu has incorrect ARIA roles

[amlehman]

What package has an issue?

@mantine/core

Describe the bug

The Menu and MenuDropdown components fail a WCAG/508 accessibility scan with "Certain ARIA roles must contain particular children". There is an extra div wrapping the elements with role=menuitem causing them not to be direct descents of the element with role=menu as they should be.

What version of @mantine/* packages do you have in package.json? (Note that all @mantine/* packages must have the same version in order to work correctly)

6.0.21

If possible, please include a link to a codesandbox with a minimal reproduction

No response

Do you know how to fix the issue

None

Do you want to send a pull request with a fix?

None

Possible fix

Remove extra div or add role=group to it, example: https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/group_role#examples

[rtivital]

Fixed in #5335

[amlehman]

Hi, I'm still seeing the issue present in 7.3.1. I'm also not seeing anything in that pull request that would have addressed the menuitem elements not having a parent element with a valid role.

[rtivital]

Fixed in 7.3.2

[vijayprasanna13]

I'm seeing this in 7.4.0. Is there a workaround available?