From 627b0ebad45ac08f263e821f4a6ea50150ac9231 Mon Sep 17 00:00:00 2001 From: Kristiyan Kostadinov Date: Fri, 5 Mar 2021 04:37:26 +0100 Subject: [PATCH] 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. (cherry picked from commit 40cce7691d6a978bba110a1ba6b80509a1292d79) --- src/material-experimental/mdc-autocomplete/animations.ts | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/src/material-experimental/mdc-autocomplete/animations.ts b/src/material-experimental/mdc-autocomplete/animations.ts index be05328e2a38..a10b3153b260 100644 --- 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', [