Dependencies check up

• I have verified that I use latest version of all @mantine/* packages

What version of @mantine/* packages do you have in package.json?

8.1.1

What package has an issue?

@mantine/core

What framework do you use?

Next.js

In which browsers you can reproduce the issue?

Chrome

Describe the bug

nested items overflow

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

https://mantine.dev/core/menu/#submenus

Possible fix

correct behavior examples:

mui https://github.com/webzep/mui-nested-menu

vuetify

I like the vuetify behavior however it's not perfect as seen in the mui version and going back to the previous level is annoying so i suggest implementing a close button on the top of each level to allow easily going back to the previous level without closing everything

linear:

my favorite nested menu behavior on mobile is this:

another example

Fluent ui library example:

Self-service

• I would be willing to implement a fix for this issue