nuxt / nuxt/ui

[bug] Opening Select and then opening Popover causes Popover to open and then close immediately

Open
#6,114 3 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Dominant language
TypeScript
Stars
6.9k
Forks
1.1k
Avg merge
1d 7h
Merged PRs (30d)
57

Description

Environment
│ ╭── Nuxt project info (copied to clipboard) ─────────────────────────────────────────────╮
│ │                                                                                        │
│ │  Operating system      Linux 5.15.0-170-generic                                        │
│ │  CPU                   Intel(R) Core(TM) i5-10300H CPU @ 2.50GHz (8 cores)             │
│ │  Node.js version       v24.11.0                                                        │
│ │  nuxt/cli version      3.33.1                                                          │
│ │  Package manager       pnpm 8.1.0                                                      │
│ │  Nuxt version          4.3.1                                                           │
│ │  Nitro version         2.13.1                                                          │
│ │  Builder               vite 7.3.1                                                      │
│ │  Config                compatibilityDate, css, devtools, eslint, modules, routeRules   │
│ │  Modules               @nuxt/eslint 1.15.1, @nuxt/ui 4.4.0                             │
│ │                                                                                        │
│ ╰────────────────────────────────────────────────────────────────────────────────────────╯
Is this bug related to Nuxt or Vue?

Nuxt

Package

v4.x

Version

4.5.0

Reproduction

https://github.com/martinszeltins/nuxtui-menu-close

Description

Opening a select and then while it is open clicking on Popover it causes the popover to open and then immediately close.

Screencast:

https://github.com/user-attachments/assets/f9c0f884-fe2a-40b8-a328-4b44903d94d6

Additional context

No response

Logs

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start with the linked reproduction and inspect the Nuxt UI Select and Popover interaction. Reproduce the sequence where Popover opens and immediately closes, then add coverage for opening Popover while Select is open and verify that Popover remains open.

Written by the indexing model from the issue text.

Assessment

Tech stack
nuxt, typescript
Domain
frontend
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Quiet
Clarity
Mostly clear
Newbie friendliness
52/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.