Describe the bug
When creating a new project using the new (and awesome by the way) preset mode with menu appearance set to translucent (not solid), submenus within context menus do not display properly if at all.
Submenu functioning normally with menu appearance set to solid:

Submenu not displaying properly with menu appearance set to translucent:

Part of the Sub content (mainly the border) seems to visible in the root menu content, but not outside of it.
I haven't tested across all different style/preset combinations but it seems the root cause is choosing a translucent menu appearance — solid works just fine.
Reproduction
https://github.com/jaydevelopsstuff/shadcn-svelte-translucent-ctx-menu-mre
Alternatively, create a new shadcn-svelte SvelteKit project from scratch using the instructions provided on the website, use a preset that has menu appearance set to translucent, and then try to create a ContextMenu with a submenu within it.
Logs
N/A
System Info
System:
OS: macOS 26.2
CPU: (8) arm64 Apple M1
Memory: 75.91 MB / 8.00 GB
Shell: 5.9 - /bin/zsh
Binaries:
Node: 24.3.0 - /Users/justin/.nvm/versions/node/v24.3.0/bin/node
npm: 11.4.2 - /Users/justin/.nvm/versions/node/v24.3.0/bin/npm
pnpm: 10.33.0 - /opt/homebrew/bin/pnpm
bun: 1.3.11 - /opt/homebrew/bin/bun
Deno: 2.7.9 - /opt/homebrew/bin/deno
Watchman: 2026.03.16.00 - /opt/homebrew/bin/watchman
Browsers:
Firefox: 148.0.2
npmPackages:
@lucide/svelte: ^1.7.0 => 1.7.0
@sveltejs/kit: latest => 2.55.0
bits-ui: ^2.16.5 => 2.16.5
shadcn-svelte: ^1.2.7 => 1.2.7
svelte: ^5.54.0 => 5.55.1
tailwindcss: ^4.1.18 => 4.2.2
Severity
annoyance
This project is awesome by the way! I use it all the time, thank you huntabyte and contributors!
Describe the bug
When creating a new project using the new (and awesome by the way) preset mode with menu appearance set to translucent (not solid), submenus within context menus do not display properly if at all.
Submenu functioning normally with menu appearance set to solid:

Submenu not displaying properly with menu appearance set to translucent:

Part of the Sub content (mainly the border) seems to visible in the root menu content, but not outside of it.
I haven't tested across all different style/preset combinations but it seems the root cause is choosing a translucent menu appearance — solid works just fine.
Reproduction
https://github.com/jaydevelopsstuff/shadcn-svelte-translucent-ctx-menu-mre
Alternatively, create a new shadcn-svelte SvelteKit project from scratch using the instructions provided on the website, use a preset that has menu appearance set to translucent, and then try to create a
ContextMenuwith a submenu within it.Logs
N/A
System Info
System: OS: macOS 26.2 CPU: (8) arm64 Apple M1 Memory: 75.91 MB / 8.00 GB Shell: 5.9 - /bin/zsh Binaries: Node: 24.3.0 - /Users/justin/.nvm/versions/node/v24.3.0/bin/node npm: 11.4.2 - /Users/justin/.nvm/versions/node/v24.3.0/bin/npm pnpm: 10.33.0 - /opt/homebrew/bin/pnpm bun: 1.3.11 - /opt/homebrew/bin/bun Deno: 2.7.9 - /opt/homebrew/bin/deno Watchman: 2026.03.16.00 - /opt/homebrew/bin/watchman Browsers: Firefox: 148.0.2 npmPackages: @lucide/svelte: ^1.7.0 => 1.7.0 @sveltejs/kit: latest => 2.55.0 bits-ui: ^2.16.5 => 2.16.5 shadcn-svelte: ^1.2.7 => 1.2.7 svelte: ^5.54.0 => 5.55.1 tailwindcss: ^4.1.18 => 4.2.2Severity
annoyance
This project is awesome by the way! I use it all the time, thank you huntabyte and contributors!