fix: use correct CSS selector for MDL containment isolation (#12159) (#12162)

vaadin-bot · web-padawan · web-flow · commit 3419ac4f4f8a · 2026-07-16T14:00:40.000+03:00
Co-authored-by: Serhii Kulykov &lt;iamkulykov@gmail.com&gt;
diff --git a/packages/master-detail-layout/src/styles/vaadin-master-detail-layout-base-styles.js b/packages/master-detail-layout/src/styles/vaadin-master-detail-layout-base-styles.js
@@ -20,7 +20,7 @@ export const masterDetailLayoutStyles = css`
     overflow: clip;
   }
 
-  :host:not([overlay-containment='page']) {
+  :host(:not([overlay-containment='page'])) {
     isolation: isolate;
   }
 

Original file line number	Diff line number	Diff line change
@@ -20,7 +20,7 @@ export const masterDetailLayoutStyles = css`
`20`	`20`	`overflow: clip;`
`21`	`21`	`}`
`22`	`22`
`23`		`- :host:not([overlay-containment='page']) {`
	`23`	`+ :host(:not([overlay-containment='page'])) {`
`24`	`24`	`isolation: isolate;`
`25`	`25`	`}`
`26`	`26`