DragHandleMenu submenus are not accessible on mobile platforms #1220
Description
Describe the bug
DragHandleMenu submenus are not accessible on mobile platforms. On mobile browsers, users are unable to enter a submenu. Tapping on "Colors" causes it to disappear, since it only opens the submenu on hover.
To Reproduce
Use any BlockNote, including the minimal example: https://www.blocknotejs.org/examples/basic/minimal
This is FireFox simulating an iPhone SE environment.
Likely Solution
I suspect the source of the issue to be trigger={"hover"} on line 126 of packages/mantine/src/menu/Menu.tsx. Mantine itself notes that "trigger=hover" is inaccessible to mobile or keyboard users, recommending "click-hover" instead.
Misc
- Node version:
- Package manager:
- Browser: Firefox 131.0.3 (aarch64)
- I'm a sponsor and would appreciate if you could look into this sooner than later 💖
(Sponsor is OWiC Technologies)
Additional Issues
We're utilizing BlockNote in a mobile setting, if it wouldn't be too difficult to fix, could we revive issues #1035 and #938 and perhaps bump their priority, since we're also running into those issues.