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
Environment
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
USelectMenucomponents 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
USelectMenuexample, then click on a differentUSelectMenuon the same page.Regression: Works correctly in
@nuxt/ui@4.6.0. Broken since4.6.1.Workaround: Pin
@nuxt/uito4.6.0:"@nuxt/ui": "4.6.0"(without^)Additional context
Logs