Skip to content

Select options still selectable after dropdown is hidden #8431

@rwparris2

Description

@rwparris2

Describe the bug

After selecting an item from a dropdown, the other options are still selectable for ~1sec.

We have users who do a kind of slow double click, so they keep running into this. I've attached a video which will demonstrate it clearly.

You can reproduce on the primevue docs site, the "reproducer" I submitted is literally just the unmodified stackblitz link form the docs.

I think this.overlay.style.pointerEvents = 'none'; in the Select component's hide method might be enough to fix it. Unfortunately I don't have the time to test it properly.

Screen.Recording.2026-02-12.at.11.13.48.AM.mp4

Pull Request Link

No response

Reason for not contributing a PR

  • Lack of time
  • Unsure how to implement the fix/feature
  • Difficulty understanding the codebase
  • Other

Other Reason

No response

Reproducer

stackblitz.com/edit/oxjvgncx

Environment

osx & latest chrome, but is confirmed on windows chrome and windows edge as well

Vue version

3.5.27

PrimeVue version

4.5.4

Node version

24.7.0

Browser(s)

No response

Steps to reproduce the behavior

  1. Open the dropdown for a select with >= 3 items
  2. Select an item
  3. very quickly move your mouse and click where a different item was.

Expected behavior

The dropdown shouldn't be interact-able after it is hidden.

Metadata

Metadata

Assignees

No one assigned

    Labels

    Status: Needs TriageIssue will be reviewed by Core Team and a relevant label will be added as soon as possible

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions