Skip to content

Commit

Permalink
fix(dialog): blurry content and slow animation in IE (#4809)
Browse files Browse the repository at this point in the history
Fixes the dialog content being blurry and the animation being really janky in IE11.
  • Loading branch information
crisbeto authored and andrewseguin committed Jun 5, 2017
1 parent 3e993b6 commit c8b1e20
Showing 1 changed file with 5 additions and 1 deletion.
6 changes: 5 additions & 1 deletion src/lib/dialog/dialog-container.ts
Original file line number Diff line number Diff line change
Expand Up @@ -45,8 +45,12 @@ export function throwMdDialogContentAlreadyAttachedError() {
encapsulation: ViewEncapsulation.None,
animations: [
trigger('slideDialog', [
// Note: The `enter` animation doesn't transition to something like `translate3d(0, 0, 0)
// scale(1)`, because for some reason specifying the transform explicitly, causes IE both
// to blur the dialog content and decimate the animation performance. Leaving it blank
// solves both issues.
state('enter', style({ opacity: 1 })),
state('void', style({ transform: 'translate3d(0, 25%, 0) scale(0.9)', opacity: 0 })),
state('enter', style({ transform: 'translate3d(0, 0, 0) scale(1)', opacity: 1 })),
state('exit', style({ transform: 'translate3d(0, 25%, 0)', opacity: 0 })),
transition('* => *', animate('400ms cubic-bezier(0.25, 0.8, 0.25, 1)')),
])
Expand Down

0 comments on commit c8b1e20

Please sign in to comment.