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.

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

[Bug Report][2.5.3] VSelect Keyboard navigation incorrect on first opening with preexistant value #13747

Closed
alarai opened this issue Jun 3, 2021 · 2 comments
Labels
C: VSelect VSelect good first issue A quick-win fix that would be great for new contributors P: low The issue is of low importance T: bug Functionality that does not work as intended/expected

Comments

@alarai
Copy link

alarai commented Jun 3, 2021

Environment

Vuetify Version: 2.5.3
Vue Version: 2.6.13
Browsers: Chrome 91.0.4472.77
OS: Windows 10

Steps to reproduce

Click on the v-select to open it, then use hte up/down arrow key to navigate the options.

Expected Behavior

It is expected that arrow key up/down will change the selection to he previous/next value in the select.

Actual Behavior

The selection actually starts as if nothing was selected, starting by selecting the first or last item of the select when pressing up/down arrow.

Reproduction Link

https://codepen.io/avandoorine/pen/BaWYXyr

Other comments

Please note that this only happens when opening the field for the first time, on subsequent opening the behaviour is correct.

@ghost ghost added the S: triage label Jun 3, 2021
@KaelWD KaelWD added C: VSelect VSelect good first issue A quick-win fix that would be great for new contributors P: low The issue is of low importance T: bug Functionality that does not work as intended/expected and removed S: triage labels Jun 3, 2021
@matobeno1
Copy link

Works in Vuetify 2.5.9

@KaelWD
Copy link
Member

KaelWD commented Oct 4, 2021

Fixed in v2.5.6 by 8c0e2bc

@KaelWD KaelWD closed this as completed Oct 4, 2021
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
C: VSelect VSelect good first issue A quick-win fix that would be great for new contributors P: low The issue is of low importance T: bug Functionality that does not work as intended/expected
Projects
None yet
Development

No branches or pull requests

3 participants