Translucent Menu Mode Breaks Submenus in Context Menu Component

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!