Use CSS containment to prevent PrimeVue from leaking its CSS.qweqwe

agarny · agarny · commit e4ffd079c483 · 2025-12-06T08:44:16.000+13:00
diff --git a/src/renderer/src/components/OpenCOR.vue b/src/renderer/src/components/OpenCOR.vue
@@ -1084,7 +1084,7 @@ async function onGitHubButtonClick(): Promise<void> {
   container-type: inline-size;
 }
 
-.opencor-scoped-styles :deep(.p-) {
+.opencor-scoped-styles :deep([class^="p-"]) {
   all: initial;
   all: revert;
 }

Original file line number	Diff line number	Diff line change
`@@ -1084,7 +1084,7 @@ async function onGitHubButtonClick(): Promise<void> {`
`1084`	`1084`	`container-type: inline-size;`
`1085`	`1085`	`}`
`1086`	`1086`
`1087`		`-.opencor-scoped-styles :deep(.p-) {`
	`1087`	`+.opencor-scoped-styles :deep([class^="p-"]) {`
`1088`	`1088`	`all: initial;`
`1089`	`1089`	`all: revert;`
`1090`	`1090`	`}`