diff --git a/packages/vuetify/src/components/VAutocomplete/VAutocomplete.tsx b/packages/vuetify/src/components/VAutocomplete/VAutocomplete.tsx index 17b7b2a4a33..afdf33fc1d2 100644 --- a/packages/vuetify/src/components/VAutocomplete/VAutocomplete.tsx +++ b/packages/vuetify/src/components/VAutocomplete/VAutocomplete.tsx @@ -246,9 +246,13 @@ export const VAutocomplete = genericComponent 0 + ) return select(model.value[0], false) + if (selectionIndex.value < 0) { if (e.key === 'Backspace' && !search.value) { selectionIndex.value = length - 1 @@ -258,12 +262,13 @@ export const VAutocomplete = genericComponent= length - 1 ? (length - 2) : originalSelectionIndex } + if (!props.multiple) return + if (e.key === 'ArrowLeft') { if (selectionIndex.value < 0 && selectionStart > 0) return @@ -325,8 +330,8 @@ export const VAutocomplete = genericComponent props.valueComparator(selection.value, item.value)) diff --git a/packages/vuetify/src/components/VCombobox/VCombobox.tsx b/packages/vuetify/src/components/VCombobox/VCombobox.tsx index 7af942c2816..0448c272f03 100644 --- a/packages/vuetify/src/components/VCombobox/VCombobox.tsx +++ b/packages/vuetify/src/components/VCombobox/VCombobox.tsx @@ -268,6 +268,7 @@ export const VCombobox = genericComponent 0 + ) return select(model.value[0], false) + if (selectionIndex.value < 0) { if (e.key === 'Backspace' && !search.value) { selectionIndex.value = length - 1 } - return } const originalSelectionIndex = selectionIndex.value - const selectedItem = model.value[selectionIndex.value] - if (selectedItem && !selectedItem.props.disabled) select(selectedItem, false) + select(model.value[selectionIndex.value], false) selectionIndex.value = originalSelectionIndex >= length - 1 ? (length - 2) : originalSelectionIndex } + if (!props.multiple) return + if (e.key === 'ArrowLeft') { if (selectionIndex.value < 0 && selectionStart > 0) return @@ -359,8 +364,8 @@ export const VCombobox = genericComponent props.valueComparator(selection.value, item.value))