fix(selects): open menu when items is mutated not just replaced (#22067)

timothyjohnwilson · KaelWD · web-flow · commit a3f8b17e66c1 · 2025-09-17T19:07:13.000+10:00
resolves #22066 Co-authored-by: Kael <kaelwd@gmail.com>
diff --git a/packages/vuetify/src/components/VAutocomplete/VAutocomplete.tsx b/packages/vuetify/src/components/VAutocomplete/VAutocomplete.tsx
@@ -399,7 +399,7 @@ export const VAutocomplete = genericComponent<new <
       }
     })
 
-    watch(() => props.items, (newVal, oldVal) => {
+    watch(items, (newVal, oldVal) => {
       if (menu.value) return
 
       if (isFocused.value && !oldVal.length && newVal.length) {
diff --git a/packages/vuetify/src/components/VCombobox/VCombobox.tsx b/packages/vuetify/src/components/VCombobox/VCombobox.tsx
@@ -470,7 +470,7 @@ export const VCombobox = genericComponent<new <
       isPristine.value = !search.value
     }, { immediate: true })
 
-    watch(() => props.items, (newVal, oldVal) => {
+    watch(items, (newVal, oldVal) => {
       if (menu.value) return
 
       if (isFocused.value && !oldVal.length && newVal.length) {
diff --git a/packages/vuetify/src/components/VSelect/VSelect.tsx b/packages/vuetify/src/components/VSelect/VSelect.tsx
@@ -358,7 +358,7 @@ export const VSelect = genericComponent<new <
       }
     })
 
-    watch(() => props.items, (newVal, oldVal) => {
+    watch(items, (newVal, oldVal) => {
       if (menu.value) return
 
       if (isFocused.value && props.hideNoData && !oldVal.length && newVal.length) {

Original file line number	Diff line number	Diff line change
`@@ -399,7 +399,7 @@ export const VAutocomplete = genericComponent<new <`
`399`	`399`	`}`
`400`	`400`	`})`
`401`	`401`
`402`		`- watch(() => props.items, (newVal, oldVal) => {`
	`402`	`+ watch(items, (newVal, oldVal) => {`
`403`	`403`	`if (menu.value) return`
`404`	`404`
`405`	`405`	`if (isFocused.value && !oldVal.length && newVal.length) {`
Original file line number	Diff line number	Diff line change
`@@ -358,7 +358,7 @@ export const VSelect = genericComponent<new <`
`358`	`358`	`}`
`359`	`359`	`})`
`360`	`360`
`361`		`- watch(() => props.items, (newVal, oldVal) => {`
	`361`	`+ watch(items, (newVal, oldVal) => {`
`362`	`362`	`if (menu.value) return`
`363`	`363`
`364`	`364`	`if (isFocused.value && props.hideNoData && !oldVal.length && newVal.length) {`