From 40f92c569a90baeed5ad107bc93cb22afadb5f76 Mon Sep 17 00:00:00 2001 From: Esteban Marin Date: Thu, 15 Jun 2017 04:28:50 +0200 Subject: [PATCH] fix(tabs): fix tab translation animation in IE 11 (#4982) (#4986) --- src/lib/tabs/tab-body.ts | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/src/lib/tabs/tab-body.ts b/src/lib/tabs/tab-body.ts index 61848ed848b..156b877e3fa 100644 --- a/src/lib/tabs/tab-body.ts +++ b/src/lib/tabs/tab-body.ts @@ -65,11 +65,11 @@ export type MdTabBodyOriginState = 'left' | 'right'; }, animations: [ trigger('translateTab', [ - state('void', style({transform: 'translate3d(0, 0, 0)'})), + state('void', style({transform: 'translate3d(0%, 0, 0)'})), state('left', style({transform: 'translate3d(-100%, 0, 0)'})), - state('left-origin-center', style({transform: 'translate3d(0, 0, 0)'})), - state('right-origin-center', style({transform: 'translate3d(0, 0, 0)'})), - state('center', style({transform: 'translate3d(0, 0, 0)'})), + state('left-origin-center', style({transform: 'translate3d(0%, 0, 0)'})), + state('right-origin-center', style({transform: 'translate3d(0%, 0, 0)'})), + state('center', style({transform: 'translate3d(0%, 0, 0)'})), state('right', style({transform: 'translate3d(100%, 0, 0)'})), transition('* => left, * => right, left => center, right => center', animate('500ms cubic-bezier(0.35, 0, 0.25, 1)')),