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

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.

[juddfranklin1]

I think that this is a documentation issue, not a functionality issue. @bigbadfatman is correct. The first item in the component events API documentation indicates that the blur refers to the <input>, not the component. But the same documentation describes the focus event as referencing focus of the component, not the <input>. Testing in the browser reveals that both focus and blur reference the <input> element.

This can be confirmed by changing @donaldma 's Codepen to log the event.type and event.target.

My suggestion is that this issue be referenced to the docs, which should be updated.

[juddfranklin1]

In fact, I am seeing that if there is no no-data slot in use, but content appears that eliminates all possible values from the select, the same behavior happens - blur happens but focus does not.