From 8567840e10d6b8f42fd9005c130925149641dd76 Mon Sep 17 00:00:00 2001
From: J-Sek <J-Sek@users.noreply.github.com>
Date: Tue, 24 Mar 2026 18:56:11 +0100
Subject: [PATCH] fix(VAutocomplete/VCombobox): click in empty space should not
 close menu

---
 .../src/components/VAutocomplete/VAutocomplete.tsx        | 8 +++-----
 packages/vuetify/src/components/VCombobox/VCombobox.tsx   | 8 +++-----
 2 files changed, 6 insertions(+), 10 deletions(-)

diff --git a/packages/vuetify/src/components/VAutocomplete/VAutocomplete.tsx b/packages/vuetify/src/components/VAutocomplete/VAutocomplete.tsx
index 27e5abd3db4..82c71ca63ca 100644
--- a/packages/vuetify/src/components/VAutocomplete/VAutocomplete.tsx
+++ b/packages/vuetify/src/components/VAutocomplete/VAutocomplete.tsx
@@ -365,9 +365,9 @@ export const VAutocomplete = genericComponent<new <
     }
 
     function onBlur (e: FocusEvent) {
-      const menuContent = vMenuRef.value?.contentEl
-      if (menuContent?.contains(e.relatedTarget as Node)) {
-        isFocused.value = true
+      const target = e.target as Element
+      if (!vTextFieldRef.value?.$el.contains(target)) {
+        menu.value = false
       }
     }
 
@@ -417,7 +417,6 @@ export const VAutocomplete = genericComponent<new <
         nextTick(() => isSelecting.value = false)
       } else {
         if (!props.multiple && search.value == null) model.value = []
-        menu.value = false
         if (!isPristine.value && search.value) {
           _searchLock.value = search.value
         }
@@ -538,7 +537,6 @@ export const VAutocomplete = genericComponent<new <
                         filterable
                         selected={ selectedValues.value }
                         selectStrategy={ props.multiple ? 'independent' : 'single-independent' }
-                        onMousedown={ (e: MouseEvent) => e.preventDefault() }
                         onFocusout={ onFocusout }
                         tabindex="-1"
                         selectable={ !!displayItems.value.length }
diff --git a/packages/vuetify/src/components/VCombobox/VCombobox.tsx b/packages/vuetify/src/components/VCombobox/VCombobox.tsx
index 554fcbbf04f..6243b83f493 100644
--- a/packages/vuetify/src/components/VCombobox/VCombobox.tsx
+++ b/packages/vuetify/src/components/VCombobox/VCombobox.tsx
@@ -469,9 +469,9 @@ export const VCombobox = genericComponent<new <
     }
 
     function onBlur (e: FocusEvent) {
-      const menuContent = vMenuRef.value?.contentEl
-      if (menuContent?.contains(e.relatedTarget as Node)) {
-        isFocused.value = true
+      const target = e.target as Element
+      if (!vTextFieldRef.value?.$el.contains(target)) {
+        menu.value = false
       }
     }
 
@@ -479,7 +479,6 @@ export const VCombobox = genericComponent<new <
       if (val || val === oldVal) return
 
       selectionIndex.value = -1
-      menu.value = false
 
       if (search.value) {
         if (props.multiple) {
@@ -601,7 +600,6 @@ export const VCombobox = genericComponent<new <
                         filterable
                         selected={ selectedValues.value }
                         selectStrategy={ props.multiple ? 'independent' : 'single-independent' }
-                        onMousedown={ (e: MouseEvent) => e.preventDefault() }
                         selectable={ !!displayItems.value.length }
                         onFocusout={ onFocusout }
                         tabindex="-1"