Skip to content

[Bug Report][3.3.3] v-autocomplete input focus issues #17641

Closed
@tmclagen

Description

Environment

Vuetify Version: 3.3.3
Vue Version: 3.3.4
Browsers: Chrome 114.0.0.0
OS: Windows 11

Steps to reproduce

  1. Click on the select
  2. Start typing
  3. Navigate menu using keyboard arrow keys
  4. Press enter to choose an item (optional)

Expected Behavior

Search input retains focus throughout the whole interaction (even when navigating menu with arrows). After selecting an item (e.g. by pressing Enter) either the search input should be cleared OR its content should get selected WHILE keeping focus all the time.

Actual Behavior

Search input loses focus after you used arrow keys and now you cannot continue typing and searching. The only way I managed to reach the search input using keys is by pressing Esc and closing the dropdown first. Which kind of works but still ruins the user flow.

Reproduction Link

https://play.vuetifyjs.com/#...

Metadata

Assignees

Labels

Type

No type

Projects

No projects

Relationships

None yet

Development

No branches or pull requests

Issue actions