fix(material-experimental/mdc-chips): enter animation not disabled when using noop animations (#18653)

crisbeto · web-flow · commit b225b875714e · 2020-04-07T12:10:27.000-07:00
Fixes the MDC chips not disabling the chip enter animation when using the `NoopAnimationsModule`. Fixes #18642.
diff --git a/src/material-experimental/mdc-chips/chips.scss b/src/material-experimental/mdc-chips/chips.scss
@@ -16,6 +16,9 @@
     // were disabled via the `NoopAnimationsModule`, the element won't have a transition and
     // `transitionend` won't fire. We work around the issue by assigning a very short transition.
     transition-duration: 1ms;
+
+    // Disables the chip enter animation.
+    animation: none;
   }
 
   @include cdk-high-contrast(active, off) {

Original file line number	Diff line number	Diff line change
`@@ -16,6 +16,9 @@`
`16`	`16`	// were disabled via the `NoopAnimationsModule`, the element won't have a transition and
`17`	`17`	// `transitionend` won't fire. We work around the issue by assigning a very short transition.
`18`	`18`	`transition-duration: 1ms;`
	`19`	`+`
	`20`	`+ // Disables the chip enter animation.`
	`21`	`+ animation: none;`
`19`	`22`	`}`
`20`	`23`
`21`	`24`	`@include cdk-high-contrast(active, off) {`