build: fix leaking styles from aria (angular#32103)

crisbeto · adolgachev · commit f5aff350ffc7 · 2025-10-18T20:40:01.000-07:00
Fixes that some styles from the Aria classes were leaking into the non-Aria components.
diff --git a/src/dev-app/common-classes.css b/src/dev-app/common-classes.css
@@ -60,8 +60,8 @@
   border-radius: var(--mat-sys-corner-extra-small);
 }
 
-[aria-disabled='true']:focus-within,
-[aria-activedescendant]:focus-within {
+.example-listbox[aria-disabled='true']:focus-within,
+.example-listbox[aria-activedescendant]:focus-within {
   outline: var(--mat-sys-primary) solid 1px;
 }
 

Original file line number	Diff line number	Diff line change
`@@ -60,8 +60,8 @@`
`60`	`60`	`border-radius: var(--mat-sys-corner-extra-small);`
`61`	`61`	`}`
`62`	`62`
`63`		`-[aria-disabled='true']:focus-within,`
`64`		`-[aria-activedescendant]:focus-within {`
	`63`	`+.example-listbox[aria-disabled='true']:focus-within,`
	`64`	`+.example-listbox[aria-activedescendant]:focus-within {`
`65`	`65`	`outline: var(--mat-sys-primary) solid 1px;`
`66`	`66`	`}`
`67`	`67`