fix(teleport): correctly select overlay container in shadow DOM

fixes vuetifyjs#20276
cgodo · Aug 3, 2024 · a78f6a4 · a78f6a4
1 parent 9b02b0d
commit a78f6a4
Showing 1 changed file with 2 additions and 1 deletion.
diff --git 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')