Skip to content

Translucent Menu Mode Breaks Submenus in Context Menu Component #2624

@jaydevelopsstuff

Description

@jaydevelopsstuff

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:
Image

Submenu not displaying properly with menu appearance set to translucent:
Image
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!

Metadata

Metadata

Assignees

No one assigned

    Labels

    bugA confirmed report of unexpected behavior in the application

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions