fix(material-experimental/mdc-button): elevate z-index of content (#17349)

andrewseguin · jelbourn · commit 230403e4dc73 · 2019-10-10T13:37:18.000-07:00
diff --git a/src/material-experimental/mdc-button/_button-base.scss b/src/material-experimental/mdc-button/_button-base.scss
@@ -34,6 +34,12 @@
     // smaller. We have special logic for stroked buttons to handle this scenario.
     border-radius: inherit;
   }
+
+  // The content should appear over the state and ripple layers, otherwise they may adversely affect
+  // the accessibility of the text content.
+  .mdc-button__label {
+    z-index: 1;
+  }
 }
 
 // MDC's disabled buttons define a default cursor with pointer-events none. However, they select

Original file line number	Diff line number	Diff line change
`@@ -34,6 +34,12 @@`
`34`	`34`	`// smaller. We have special logic for stroked buttons to handle this scenario.`
`35`	`35`	`border-radius: inherit;`
`36`	`36`	`}`
	`37`	`+`
	`38`	`+ // The content should appear over the state and ripple layers, otherwise they may adversely affect`
	`39`	`+ // the accessibility of the text content.`
	`40`	`+ .mdc-button__label {`
	`41`	`+ z-index: 1;`
	`42`	`+ }`
`37`	`43`	`}`
`38`	`44`
`39`	`45`	`// MDC's disabled buttons define a default cursor with pointer-events none. However, they select`