fix(VSelect): don't close menu if submenus are open

fixes #16645

Using Ψ as a private prefix due to vuejs/core#7710

Author: KaelWD

packages/api-generator/src/types.ts

@@ -15,7 +15,7 @@ function inspect (project: Project, node?: Node<ts.Node>) {
     if (definition.properties) {
       // Exclude private properties
       definition.properties = Object.fromEntries(Object.entries(definition.properties)
-        .filter(([name]) => !name.startsWith('_')))
+        .filter(([name]) => !name.startsWith('_') && !name.startsWith('Ψ')))
     }
     return definition
   }

packages/vuetify/src/components/VAutocomplete/VAutocomplete.tsx

@@ -107,7 +107,15 @@ export const VAutocomplete = genericComponent<new <
     const vTextFieldRef = ref()
     const isFocused = ref(false)
     const isPristine = ref(true)
-    const menu = useProxiedModel(props, 'menu')
+    const vMenuRef = ref<VMenu>()
+    const _menu = useProxiedModel(props, 'menu')
+    const menu = computed({
+      get: () => _menu.value,
+      set: v => {
+        if (_menu.value && !v && vMenuRef.value?.ΨopenChildren) return
+        _menu.value = v
+      },
+    })
     const { items, transformIn, transformOut } = useItems(props)
     const search = useProxiedModel(props, 'search', '')
     const model = useProxiedModel(
@@ -284,6 +292,7 @@ export const VAutocomplete = genericComponent<new <
             default: () => (
               <>
                 <VMenu
+                  ref={ vMenuRef }
                   v-model={ menu.value }
                   activator="parent"
                   contentClass="v-autocomplete__content"

packages/vuetify/src/components/VCombobox/VCombobox.tsx

@@ -109,7 +109,15 @@ export const VCombobox = genericComponent<new <
     const vTextFieldRef = ref()
     const isFocused = ref(false)
     const isPristine = ref(true)
-    const menu = useProxiedModel(props, 'menu')
+    const vMenuRef = ref<VMenu>()
+    const _menu = useProxiedModel(props, 'menu')
+    const menu = computed({
+      get: () => _menu.value,
+      set: v => {
+        if (_menu.value && !v && vMenuRef.value?.ΨopenChildren) return
+        _menu.value = v
+      },
+    })
     const selectionIndex = ref(-1)
     const color = computed(() => vTextFieldRef.value?.color)
     const { items, transformIn, transformOut } = useItems(props)
@@ -364,6 +372,7 @@ export const VCombobox = genericComponent<new <
             default: () => (
               <>
                 <VMenu
+                  ref={ vMenuRef }
                   v-model={ menu.value }
                   activator="parent"
                   contentClass="v-combobox__content"

packages/vuetify/src/components/VMenu/VMenu.tsx

@@ -53,17 +53,17 @@ export const VMenu = genericComponent<OverlaySlots>()({
     const overlay = ref<VOverlay>()
 
     const parent = inject(VMenuSymbol, null)
-    let openChildren = 0
+    const openChildren = ref(0)
     provide(VMenuSymbol, {
       register () {
-        ++openChildren
+        ++openChildren.value
       },
       unregister () {
-        --openChildren
+        --openChildren.value
       },
       closeParents () {
         setTimeout(() => {
-          if (!openChildren) {
+          if (!openChildren.value) {
             isActive.value = false
             parent?.closeParents()
           }
@@ -115,7 +115,7 @@ export const VMenu = genericComponent<OverlaySlots>()({
       )
     })
 
-    return forwardRefs({ id }, overlay)
+    return forwardRefs({ id, ΨopenChildren: openChildren }, overlay)
   },
 })
 

packages/vuetify/src/components/VSelect/VSelect.tsx

@@ -111,7 +111,15 @@ export const VSelect = genericComponent<new <
   setup (props, { slots }) {
     const { t } = useLocale()
     const vTextFieldRef = ref()
-    const menu = useProxiedModel(props, 'menu')
+    const vMenuRef = ref<VMenu>()
+    const _menu = useProxiedModel(props, 'menu')
+    const menu = computed({
+      get: () => _menu.value,
+      set: v => {
+        if (_menu.value && !v && vMenuRef.value?.ΨopenChildren) return
+        _menu.value = v
+      },
+    })
     const { items, transformIn, transformOut } = useItems(props)
     const model = useProxiedModel(
       props,
@@ -239,6 +247,7 @@ export const VSelect = genericComponent<new <
             default: () => (
               <>
                 <VMenu
+                  ref={ vMenuRef }
                   v-model={ menu.value }
                   activator="parent"
                   contentClass="v-select__content"