fix(autocomplete): panel blending in with background in high contrast mode (#11190)

crisbeto · jelbourn · commit 9e9daf8428fa · 2018-05-08T09:52:49.000-07:00
Fixes the autocomplete panel not being visible in high contrast mode, because it doesn't have a border and box shadows aren't being rendered.
diff --git a/src/lib/autocomplete/autocomplete.scss b/src/lib/autocomplete/autocomplete.scss
@@ -1,4 +1,5 @@
 @import '../core/style/menu-common';
+@import '../../cdk/a11y/a11y';
 
 /**
  * The max-height of the panel, currently matching mat-select value.
@@ -22,4 +23,8 @@ $mat-autocomplete-panel-max-height: 256px !default;
   &.mat-autocomplete-hidden {
     visibility: hidden;
   }
+
+  @include cdk-high-contrast {
+    outline: solid 1px;
+  }
 }

Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,5 @@`
`1`	`1`	`@import '../core/style/menu-common';`
	`2`	`+@import '../../cdk/a11y/a11y';`
`2`	`3`
`3`	`4`	`/**`
`4`	`5`	`* The max-height of the panel, currently matching mat-select value.`
`@@ -22,4 +23,8 @@ $mat-autocomplete-panel-max-height: 256px !default;`
`22`	`23`	`&.mat-autocomplete-hidden {`
`23`	`24`	`visibility: hidden;`
`24`	`25`	`}`
	`26`	`+`
	`27`	`+ @include cdk-high-contrast {`
	`28`	`+ outline: solid 1px;`
	`29`	`+ }`
`25`	`30`	`}`