fix(VSelect): close menu when click lands inside host overlay

fixes #22897

Author: J-Sek

packages/vuetify/src/components/VOverlay/VOverlay.tsx

@@ -403,8 +403,9 @@ export const VOverlay = genericComponent<OverlaySlots>()({
                     closeConditional,
                     include: () => [
                       activatorEl.value,
-                      // Submenu/cascade clicks count as "inside" so they don't suppress focus-return.
-                      ...Array.from(document.querySelectorAll('.v-overlay__content')) as HTMLElement[],
+                      // Submenu clicks count as "inside"; clicks in ancestor overlays (e.g. a host dialog) don't.
+                      ...Array.from(document.querySelectorAll('.v-overlay__content'))
+                        .filter(ownsFocus) as HTMLElement[],
                     ],
                   }}
                   class={[

packages/vuetify/src/components/VSelect/__tests__/VSelect.spec.browser.tsx

@@ -1,5 +1,6 @@
 // Components
 import { VSelect } from '../VSelect'
+import { VDialog } from '@/components/VDialog'
 import { VForm } from '@/components/VForm'
 import { VListItem } from '@/components/VList'
 import { VTextField } from '@/components/VTextField'
@@ -1052,5 +1053,24 @@ describe('VSelect', () => {
     expect(screen.getByRole('listbox').contains(document.activeElement)).toBe(true)
   })
 
+  it('should close its menu when clicking another field inside a dialog', async () => {
+    const dialog = ref(true)
+    render(() => (
+      <VDialog v-model={ dialog.value }>
+        <div>
+          <VTextField data-testid="other-field" label="Other" />
+          <VSelect items={ items } label="Age" />
+        </div>
+      </VDialog>
+    ))
+
+    const select = screen.getByCSS('.v-select')
+    await userEvent.click(select)
+    await expect.poll(() => select).toHaveClass('v-select--active-menu')
+
+    await userEvent.click(screen.getByTestId('other-field'))
+    await expect.poll(() => select).not.toHaveClass('v-select--active-menu')
+  })
+
   showcase({ stories })
 })