Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

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

Closed
tmclagen opened this issue Jun 17, 2023 · 3 comments · May be fixed by jonathanestefani/crud_vuetify#1, jonathanestefani/crud_vuetify#5 or aurelienfvre/sae401#1
Closed

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

tmclagen opened this issue Jun 17, 2023 · 3 comments · May be fixed by jonathanestefani/crud_vuetify#1, jonathanestefani/crud_vuetify#5 or aurelienfvre/sae401#1
Assignees
@KaelWD
Labels
a11y Accessibility issue C: VAutocomplete VAutocomplete C: VCombobox VCombobox T: enhancement Functionality that enhances existing features
Milestone
v3.7.0 (Odyssey)

Comments

@tmclagen
Copy link

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/#...
@XieWeiJie
Copy link

I also encountered the same problem

@yuwu9145 yuwu9145 mentioned this issue Jun 20, 2023
Closed
@actionjacks
Copy link

Yes I have the same problem, I have no idea how to fix it without causing more errors.

@github-actions github-actions bot added the S: stale This issue is untriaged and hasn't seen any activity in at least six months. label Jul 11, 2024
@KaelWD KaelWD added T: enhancement Functionality that enhances existing features a11y Accessibility issue C: VCombobox VCombobox C: VAutocomplete VAutocomplete and removed S: stale This issue is untriaged and hasn't seen any activity in at least six months. labels Jul 25, 2024
@KaelWD KaelWD self-assigned this Jul 25, 2024
@KaelWD KaelWD added this to the v3.7.0 (Odyssey) milestone Jul 25, 2024
KaelWD added a commit that referenced this issue Jul 25, 2024
@KaelWD
fix(VAutocomplete): allow searching when menu is focused
b9ed79d 
fixes #17641
yuwu9145 pushed a commit that referenced this issue Aug 4, 2024
@KaelWD @yuwu9145
fix(VAutocomplete): allow searching when menu is focused
268c771 
fixes #17641
@jonathanestefani jonathanestefani mentioned this issue Sep 17, 2024
Open
@jonathanestefani jonathanestefani mentioned this issue Sep 24, 2024
Open
@abdullah-336
Copy link

Yes I have also the same problem, Is there any update on it?

blalan05 pushed a commit that referenced this issue Nov 9, 2024
@KaelWD @blalan05
fix(VAutocomplete): allow searching when menu is focused
36711ea 
fixes #17641
@aurelienfvre aurelienfvre mentioned this issue Nov 10, 2024
Open
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@KaelWD KaelWD

Labels
a11y Accessibility issue C: VAutocomplete VAutocomplete C: VCombobox VCombobox T: enhancement Functionality that enhances existing features
Projects
None yet
Milestone
v3.7.0 (Odyssey)
5 participants
@KaelWD @XieWeiJie @tmclagen @actionjacks @abdullah-336