fix(datepicker): showing dot in high contrast mode after popup has closed (#12099)

crisbeto · jelbourn · commit 6a472eb6a736 · 2018-07-11T08:02:20.000-07:00
Fixes the datepicker's popup showing a 1x1 pixel dot in high contrast mode, after the calendar has been closed. The dot comes from the outline that we add to the popup which collapses after we detach the overlay.
diff --git a/src/lib/datepicker/calendar-body.scss b/src/lib/datepicker/calendar-body.scss
@@ -68,7 +68,7 @@ $mat-calendar-body-cell-content-size: 100% - $mat-calendar-body-cell-content-mar
 
 
 @include cdk-high-contrast {
-  .mat-datepicker-popup,
+  .mat-datepicker-popup:not(:empty),
   .mat-calendar-body-selected {
     outline: solid 1px;
   }

Original file line number	Diff line number	Diff line change
`@@ -68,7 +68,7 @@ $mat-calendar-body-cell-content-size: 100% - $mat-calendar-body-cell-content-mar`
`68`	`68`
`69`	`69`
`70`	`70`	`@include cdk-high-contrast {`
`71`		`- .mat-datepicker-popup,`
	`71`	`+ .mat-datepicker-popup:not(:empty),`
`72`	`72`	`.mat-calendar-body-selected {`
`73`	`73`	`outline: solid 1px;`
`74`	`74`	`}`