From a78f6a4c8fc76d8f5c117bc082d474cab38c37ec Mon Sep 17 00:00:00 2001
From: Carlos GB <carlos.godo@outlook.com>
Date: Sat, 3 Aug 2024 17:45:32 +0200
Subject: [PATCH] fix(teleport): correctly select overlay container in shadow
 DOM

fixes #20276
---
 packages/vuetify/src/composables/teleport.ts | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/packages/vuetify/src/composables/teleport.ts b/packages/vuetify/src/composables/teleport.ts
index f90000277a5..de719dcacc2 100644
--- a/packages/vuetify/src/composables/teleport.ts
+++ b/packages/vuetify/src/composables/teleport.ts
@@ -18,7 +18,8 @@ export function useTeleport (target: () => (boolean | string | ParentNode)) {
       return undefined
     }
 
-    let container = targetElement.querySelector(':scope > .v-overlay-container')
+    const rootSelector = targetElement instanceof ShadowRoot ? ':host' : ':scope'
+    let container = targetElement.querySelector(`${rootSelector} > .v-overlay-container`)
 
     if (!container) {
       container = document.createElement('div')