Skip to content

Commit 6f48710

Browse files
crisbetoandrewseguin
authored andcommitted
fix(stepper): avoid blurry content on IE (#6992)
Avoids IE potentially blurring the content inside of a horizontal stepper. Relates to #6954.
1 parent e52beeb commit 6f48710

File tree

1 file changed

+2
-3
lines changed

1 file changed

+2
-3
lines changed

src/lib/stepper/stepper.ts

Lines changed: 2 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -99,10 +99,9 @@ export class MatStepper extends _MatStepper {
9999
animations: [
100100
trigger('stepTransition', [
101101
state('previous', style({transform: 'translate3d(-100%, 0, 0)', visibility: 'hidden'})),
102-
state('current', style({transform: 'translate3d(0%, 0, 0)', visibility: 'visible'})),
102+
state('current', style({transform: 'none', visibility: 'visible'})),
103103
state('next', style({transform: 'translate3d(100%, 0, 0)', visibility: 'hidden'})),
104-
transition('* => *',
105-
animate('500ms cubic-bezier(0.35, 0, 0.25, 1)'))
104+
transition('* => *', animate('500ms cubic-bezier(0.35, 0, 0.25, 1)'))
106105
])
107106
],
108107
providers: [{provide: MatStepper, useExisting: MatHorizontalStepper}],

0 commit comments

Comments
 (0)