From 6f487100fd217a95c5fcd156f8e95f5a51a908c4 Mon Sep 17 00:00:00 2001 From: Kristiyan Kostadinov Date: Fri, 29 Sep 2017 22:16:02 +0200 Subject: [PATCH] fix(stepper): avoid blurry content on IE (#6992) Avoids IE potentially blurring the content inside of a horizontal stepper. Relates to #6954. --- src/lib/stepper/stepper.ts | 5 ++--- 1 file changed, 2 insertions(+), 3 deletions(-) diff --git a/src/lib/stepper/stepper.ts b/src/lib/stepper/stepper.ts index 120e6dad792..2cf8a8feecd 100644 --- a/src/lib/stepper/stepper.ts +++ b/src/lib/stepper/stepper.ts @@ -99,10 +99,9 @@ export class MatStepper extends _MatStepper { animations: [ trigger('stepTransition', [ state('previous', style({transform: 'translate3d(-100%, 0, 0)', visibility: 'hidden'})), - state('current', style({transform: 'translate3d(0%, 0, 0)', visibility: 'visible'})), + state('current', style({transform: 'none', visibility: 'visible'})), state('next', style({transform: 'translate3d(100%, 0, 0)', visibility: 'hidden'})), - transition('* => *', - animate('500ms cubic-bezier(0.35, 0, 0.25, 1)')) + transition('* => *', animate('500ms cubic-bezier(0.35, 0, 0.25, 1)')) ]) ], providers: [{provide: MatStepper, useExisting: MatHorizontalStepper}],