[Bug Report][4.2.1] Menu flashing with openOnFocus and closeOnInputClick when using menu open button
Nobody has claimed this yet.
- Dominant language
- TypeScript
- Stars
- 41k
- Forks
- 7.1k
- Avg merge
- 1d 21h
- Merged PRs (30d)
- 11
Description
Environment
Vuetify Version: 4.2.1
Vue Version: 3.5.42
OS: Windows 10 (current)
Steps to reproduce
- Click the menu open icon using the mouse while the component is not focused
Expected Behavior
When clicking the menu open button on the right side of the component (e.g. VAutocomplete) while the component is not in focus, the menu should open normally.
Actual Behavior
When clicking the menu open button while the component is not focused the menu opens and immediately closes again (flashes shortly).
Reproduction Link
https://play.vuetifyjs.com/#...
Other comments
It looks like both component properties interfere here. However it should be possible to use both together.
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Start with the linked Vuetify Playground reproduction and inspect the VAutocomplete menu behavior when openOnFocus and closeOnInputClick are both enabled. Reproduce the flash by clicking the menu open icon while the component is unfocused. Done means the menu opens and remains open in that scenario without breaking either property.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- typescript
- Domain
- frontend
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Active
- Clarity
- Mostly clear
- Newbie friendliness
- 62/100