Skip to content

USelectMenu: second dropdown closes immediately when switching from open one (regression in 4.6.1) #6437

@serrom

Description

@serrom

Environment

  • OS: Windows 11
  • Node version: 22.17.0
  • Package manager: pnpm@10.33.4
  • Reka UI version: 2.9.3
  • Vue version: 3.5.34
  • Nuxt version: 4.4.4
  • CSS framework: tailwindcss@4.3.0
  • Client OS: Windows 11
  • Browser: Microsoft Edge 148.0.3967.54 (64-bit)

Is this bug related to Nuxt or Vue?

Nuxt

Package

v4.x

Version

v4.7.1

Reproduction

https://ui.nuxt.com/docs/components/select-menu

Description

When two USelectMenu components are on the same page and the first is open, clicking the trigger of the second one causes it to open for a split second and immediately close.

This bug is reproducible on the official documentation page: https://ui.nuxt.com/docs/components/select-menu — open any USelectMenu example, then click on a different USelectMenu on the same page.

Regression: Works correctly in @nuxt/ui@4.6.0. Broken since 4.6.1.

Workaround: Pin @nuxt/ui to 4.6.0: "@nuxt/ui": "4.6.0" (without ^)

Additional context

  • @nuxt/ui@4.6.0 (reka-ui@2.9.2) → ✅ works correctly
  • @nuxt/ui@4.6.1 (reka-ui@2.9.3) → ❌ broken
  • @nuxt/ui@4.7.1 (reka-ui@2.9.6) → ❌ broken

Logs

1. Go to https://ui.nuxt.com/docs/components/select-menu
2. Open any USelectMenu dropdown on the page
3. While it is open, click the trigger of a different USelectMenu on the same page
4. The second dropdown opens briefly and immediately closes

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions