Skip to content

Commit 7fd184a

Browse files
authored
fix(material/select): glitchy animation when legacy animations are enabled (#33874)
Fixes that the `mat-select` exit animation looked glitchy if the legacy animations module was enabled.
1 parent e1f4239 commit 7fd184a

1 file changed

Lines changed: 4 additions & 2 deletions

File tree

‎src/material/select/select.scss‎

Lines changed: 4 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -177,10 +177,12 @@ div.mat-mdc-select-panel {
177177
}
178178

179179
.mat-select-panel-animations-enabled {
180-
animation: _mat-select-enter 120ms cubic-bezier(0, 0, 0.2, 1);
180+
// Note: explicitly setting the fill mode avoids a glitchy
181+
// animation if legacy animations are enabled. See #33851.
182+
animation: _mat-select-enter 120ms cubic-bezier(0, 0, 0.2, 1) forwards;
181183

182184
&.mat-select-panel-exit {
183-
animation: _mat-select-exit 100ms linear;
185+
animation: _mat-select-exit 100ms linear forwards;
184186
}
185187
}
186188

0 commit comments

Comments
 (0)