fix(VOverlay): reuse container element in shadow DOM

KaelWD · KaelWD · commit 3ee87ac9bf6b · 2024-08-04T14:19:11.000+10:00
fixes #20276 closes #20277
diff --git a/packages/vuetify/src/composables/teleport.ts b/packages/vuetify/src/composables/teleport.ts
@@ -18,7 +18,7 @@ export function useTeleport (target: () => (boolean | string | ParentNode)) {
       return undefined
     }
 
-    let container = targetElement.querySelector(':scope > .v-overlay-container')
+    let container = [...targetElement.children].find(el => el.matches('.v-overlay-container'))
 
     if (!container) {
       container = document.createElement('div')

Original file line number	Diff line number	Diff line change
`@@ -18,7 +18,7 @@ export function useTeleport (target: () => (boolean \| string \| ParentNode)) {`
`18`	`18`	`return undefined`
`19`	`19`	`}`
`20`	`20`
`21`		`- let container = targetElement.querySelector(':scope > .v-overlay-container')`
	`21`	`+ let container = [...targetElement.children].find(el => el.matches('.v-overlay-container'))`
`22`	`22`
`23`	`23`	`if (!container) {`
`24`	`24`	`container = document.createElement('div')`