Vuetify: [Bug Report] <v-autocomplete> v-model reset doesn't clear the search input

Created on 27 Feb 2020  路  10Comments  路  Source: vuetifyjs/vuetify

Environment

Vuetify Version: 2.2.15
Vue Version: 2.6.11
Browsers: Chrome 79.0.3945.130
OS: Windows 10

Steps to reproduce

Create an with v-model bind to a local data variable
If you nullify the v-model variable the still retains the search text from the previous selection.

I am not sure if this is a bug or if there is a workaround for this.

Expected Behavior

I would expect once you nullify the v-model (ie no selection) the should not retain the search text.

Actual Behavior

If you nullify the v-model variable the still retains the search text from the previous selection.

Reproduction Link

https://codepen.io/cjthorley/pen/PoqmNEX?editors=1010

VAutocomplete bug regression

Most helpful comment

Can https://github.com/vuetifyjs/vuetify/pull/10642 be rolled back please until someone has time to fix this properly? The bug that commit fixed seems to me like a lower priority than the bug it has now caused. As it stands my project is now stuck on 2.2.14.

All 10 comments

yep, last release (2.2.15) introduced this.

10642

imho it's even worse. When i enter a _INVALID_ value into the VAutocomplete and the VAutocomplete looses the focus, the _INVALID_ value remains visible to the user...

The same issue applies to v-combobox.

Same issue? https://github.com/vuetifyjs/vuetify/issues/10765 and there is a workaround

Can https://github.com/vuetifyjs/vuetify/pull/10642 be rolled back please until someone has time to fix this properly? The bug that commit fixed seems to me like a lower priority than the bug it has now caused. As it stands my project is now stuck on 2.2.14.

Changes made in #10642 reverted with 02bdf28

If you have any additional questions, please reach out to us in our Discord community.

Thanks, that fixed my problem 馃檪
I was very confused 馃槃

I can confirm that as of version 2.3.17 this still happens when using the multiple prop.

Refer to https://codepen.io/MrToxy/pen/xxOeOqR

What happens:

1) On the v-complete using the multiple prop, partial search for an item
2) select the item and click outside the autocomplete
3) item gets selected but search input doesn't get reseted

I鈥檓 not in a position to test but any chance 2.4.0.beta fixes this?

I鈥檓 curious if the change (https://github.com/vuetifyjs/vuetify/pull/12373) to clear/reset all inputs to null instead of undefined will coincidentally fix this issue.

Was this page helpful?
0 / 5 - 0 ratings

Related issues

gluons picture gluons  路  3Comments

cawa-93 picture cawa-93  路  3Comments

dohomi picture dohomi  路  3Comments

SteffenDE picture SteffenDE  路  3Comments

chriswa picture chriswa  路  3Comments