fix(material-experimental/mdc-autocomplete): only animate along y axis (

#21588) Changes the panel animation to only animate vertically, rather than along both x and y axis.
angular · Mar 5, 2021 · 40cce76 · 40cce76
1 parent 373af25
commit 40cce76
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/src/material-experimental/mdc-autocomplete/animations.ts b/src/material-experimental/mdc-autocomplete/animations.ts
@@ -22,12 +22,12 @@ import {
 export const panelAnimation: AnimationTriggerMetadata = trigger('panelAnimation', [
   state('void, hidden', style({
     opacity: 0,
-    transform: 'scale(0.8)',
+    transform: 'scaleY(0.8)',
   })),
   transition(':enter, hidden => visible', [
     group([
-        animate('0.03s linear', style({ opacity: 1 })),
-        animate('0.12s cubic-bezier(0, 0, 0.2, 1)', style({ transform: 'scale(1)' })),
+      animate('0.03s linear', style({ opacity: 1 })),
+      animate('0.12s cubic-bezier(0, 0, 0.2, 1)', style({ transform: 'scaleY(1)' })),
     ]),
   ]),
   transition(':leave, visible => hidden', [