Skip to content

Commit 40f92c5

Browse files
macjohnnykara
authored andcommitted
fix(tabs): fix tab translation animation in IE 11 (#4982) (#4986)
1 parent ea76acf commit 40f92c5

File tree

1 file changed

+4
-4
lines changed

1 file changed

+4
-4
lines changed

src/lib/tabs/tab-body.ts

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -65,11 +65,11 @@ export type MdTabBodyOriginState = 'left' | 'right';
6565
},
6666
animations: [
6767
trigger('translateTab', [
68-
state('void', style({transform: 'translate3d(0, 0, 0)'})),
68+
state('void', style({transform: 'translate3d(0%, 0, 0)'})),
6969
state('left', style({transform: 'translate3d(-100%, 0, 0)'})),
70-
state('left-origin-center', style({transform: 'translate3d(0, 0, 0)'})),
71-
state('right-origin-center', style({transform: 'translate3d(0, 0, 0)'})),
72-
state('center', style({transform: 'translate3d(0, 0, 0)'})),
70+
state('left-origin-center', style({transform: 'translate3d(0%, 0, 0)'})),
71+
state('right-origin-center', style({transform: 'translate3d(0%, 0, 0)'})),
72+
state('center', style({transform: 'translate3d(0%, 0, 0)'})),
7373
state('right', style({transform: 'translate3d(100%, 0, 0)'})),
7474
transition('* => left, * => right, left => center, right => center',
7575
animate('500ms cubic-bezier(0.35, 0, 0.25, 1)')),

0 commit comments

Comments
 (0)