fix(expansion): show header focus state when expanded

jelbourn · jelbourn · commit 94edb3910a29 · 2019-07-09T10:42:28.000-07:00
The expansion-panel currently shows the header focus state when
collapsed. This is an a11y problem because there's no indicator of focus
state when expanded.
diff --git a/src/material/expansion/_expansion-theme.scss b/src/material/expansion/_expansion-theme.scss
@@ -17,7 +17,7 @@
     border-top-color: mat-color($foreground, divider);
   }
 
-  .mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header {
+  .mat-expansion-panel .mat-expansion-panel-header {
     &:not([aria-disabled='true']) {
       &.cdk-keyboard-focused,
       &.cdk-program-focused,

Original file line number	Diff line number	Diff line change
`@@ -17,7 +17,7 @@`
`17`	`17`	`border-top-color: mat-color($foreground, divider);`
`18`	`18`	`}`
`19`	`19`
`20`		`- .mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header {`
	`20`	`+ .mat-expansion-panel .mat-expansion-panel-header {`
`21`	`21`	`&:not([aria-disabled='true']) {`
`22`	`22`	`&.cdk-keyboard-focused,`
`23`	`23`	`&.cdk-program-focused,`