The Wayback Machine - https://web.archive.org/web/20201130104702/https://github.com/vuetifyjs/vuetify/issues/11066
Skip to content

/ vuetify

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

Jump to bottom

[Bug Report] v-autocomplete/v-combobox @blur behaviour #11066

Open
donaldma opened this issue Apr 8, 2020 · 5 comments
Open

[Bug Report] v-autocomplete/v-combobox @blur behaviour #11066

donaldma opened this issue Apr 8, 2020 · 5 comments
Labels
C: VAutocomplete C: VSelect T: bug good first issue

Comments

@donaldma
Copy link

@donaldma donaldma commented Apr 8, 2020 •
edited

Environment

Vuetify Version: 2.2.20
Vue Version: 2.6.11
Browsers: Chrome 80.0.3987.163
OS: Mac OS 10.15.2

Steps to reproduce

  1. open console
  2. focus input
  3. check console for 'handleFocus'
  4. click 'no data'
  5. check console for 'handleBlur'
  6. re-focus input field
  7. handleFocus doesn't trigger again

Expected Behavior

v-autocomplete/v-combobox @blur event should be triggered when the component is-focused class is removed

Actual Behavior

v-autocomplete/v-combobox @blur event is triggered when the input is unfocused but is-focused class still exists

Reproduction Link

https://codepen.io/donald-ma/pen/JjYPQjX

Other comments

v-autocomplete/v-combobox @focus event seems to be triggered when the is-focused class is added but @blur event triggers even if the is-focused class is still there.
@Miehau
Copy link

@Miehau Miehau commented Aug 9, 2020

Hi, mind I work on this one?
@bigbadfatman
Copy link
Contributor

@bigbadfatman bigbadfatman commented Sep 7, 2020

As per the documentation, the expected behavior of the @blur event is to trigger when the input field is blurred, not the component as a whole. While the naming of the class is-focused might make it a little confusing, it does seem to work exactly as the docs describe.
@donaldma
Copy link
Author

@donaldma donaldma commented Sep 8, 2020

do you mind linking where this info is found? is-focused not being aligned with @blur and @focus seems very jarring.
@bigbadfatman
Copy link
Contributor

@bigbadfatman bigbadfatman commented Sep 8, 2020

Right here -> https://vuetifyjs.com/en/components/combobox/

In the API, the events mention that blur event is tied to the input being blurred.
@rizqirizqi
Copy link

@rizqirizqi rizqirizqi commented Oct 2, 2020

is anyone already working on this issue?
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
C: VAutocomplete C: VSelect T: bug good first issue
Projects
None yet
Milestone
No milestone
Linked pull requests

Successfully merging a pull request may close this issue.

None yet
5 participants
@Leespiker @rizqirizqi @bigbadfatman @Miehau @donaldma
You can’t perform that action at this time.