Skip to content

Commit 627b0eb

Browse files
crisbetoannieyw
authored andcommitted
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 40cce76)
1 parent 322469a commit 627b0eb

File tree

1 file changed

+3
-3
lines changed

1 file changed

+3
-3
lines changed

src/material-experimental/mdc-autocomplete/animations.ts

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -22,12 +22,12 @@ import {
2222
export const panelAnimation: AnimationTriggerMetadata = trigger('panelAnimation', [
2323
state('void, hidden', style({
2424
opacity: 0,
25-
transform: 'scale(0.8)',
25+
transform: 'scaleY(0.8)',
2626
})),
2727
transition(':enter, hidden => visible', [
2828
group([
29-
animate('0.03s linear', style({ opacity: 1 })),
30-
animate('0.12s cubic-bezier(0, 0, 0.2, 1)', style({ transform: 'scale(1)' })),
29+
animate('0.03s linear', style({ opacity: 1 })),
30+
animate('0.12s cubic-bezier(0, 0, 0.2, 1)', style({ transform: 'scaleY(1)' })),
3131
]),
3232
]),
3333
transition(':leave, visible => hidden', [

0 commit comments

Comments
 (0)