-
Notifications
You must be signed in to change notification settings - Fork 1.6k
Description
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
- Open the dropdown for a select with >= 3 items
- Select an item
- 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.