Skip to content

Commit

Permalink
fix(material-experimental/mdc-autocomplete): only animate along y axis (
Browse files Browse the repository at this point in the history
#21588)

Changes the panel animation to only animate vertically, rather than along both x and y axis.

(cherry picked from commit 40cce76)
  • Loading branch information
crisbeto authored and annieyw committed Mar 5, 2021
1 parent 322469a commit 627b0eb
Showing 1 changed file with 3 additions and 3 deletions.
6 changes: 3 additions & 3 deletions src/material-experimental/mdc-autocomplete/animations.ts
Original file line number Diff line number Diff line change
Expand Up @@ -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', [
Expand Down

0 comments on commit 627b0eb

Please sign in to comment.