Closed Eatham532 closed 4 months ago
Could you provide a reproduction on https://playground.solidjs.com/, stackblitz or github.
Here it is link. I did some debugging and it seems like it is an issue with the css styling.
The <ContextMenuPortal/>
is missing around your <ContextMenuContent/>
and <ContextMenuSubContent/>
:
<ContextMenu>
<ContextMenuTrigger>Trigger</ContextMenuTrigger>
+ <ContextMenuPortal>
<ContextMenuContent>
<ContextMenuLabel>Hmm</ContextMenuLabel>
...
<ContextMenuSub>
<ContextMenuSubTrigger>More</ContextMenuSubTrigger>
+ <ContextMenuPortal>
<ContextMenuSubContent>
<ContextMenuItem>More</ContextMenuItem>
...
</ContextMenuSubContent>
+ </ContextMenuPortal>
</ContextMenuSub>
<ContextMenuSeparator />
...
+ </ContextMenuPortal>
</ContextMenu>
For more information checkout https://kobalte.dev/docs/core/components/context-menu#anatomy
Describe the bug When using a context menu, you can't access a sub menu when a group is also being used
To Reproduce Steps to reproduce the behavior:
Expected behavior You should be able to access the sub menu
Screenshots This video shows the bug when using the mouse and keyboard to navigate. https://github.com/kobaltedev/kobalte/assets/78714349/d98083b3-2f74-4da7-9de0-937d39ce2fa6
Desktop (please complete the following information):