Skip to content

Commit c8b1e20

Browse files
crisbetoandrewseguin
authored andcommitted
fix(dialog): blurry content and slow animation in IE (#4809)
Fixes the dialog content being blurry and the animation being really janky in IE11.
1 parent 3e993b6 commit c8b1e20

File tree

1 file changed

+5
-1
lines changed

1 file changed

+5
-1
lines changed

src/lib/dialog/dialog-container.ts

+5-1
Original file line numberDiff line numberDiff line change
@@ -45,8 +45,12 @@ export function throwMdDialogContentAlreadyAttachedError() {
4545
encapsulation: ViewEncapsulation.None,
4646
animations: [
4747
trigger('slideDialog', [
48+
// Note: The `enter` animation doesn't transition to something like `translate3d(0, 0, 0)
49+
// scale(1)`, because for some reason specifying the transform explicitly, causes IE both
50+
// to blur the dialog content and decimate the animation performance. Leaving it blank
51+
// solves both issues.
52+
state('enter', style({ opacity: 1 })),
4853
state('void', style({ transform: 'translate3d(0, 25%, 0) scale(0.9)', opacity: 0 })),
49-
state('enter', style({ transform: 'translate3d(0, 0, 0) scale(1)', opacity: 1 })),
5054
state('exit', style({ transform: 'translate3d(0, 25%, 0)', opacity: 0 })),
5155
transition('* => *', animate('400ms cubic-bezier(0.25, 0.8, 0.25, 1)')),
5256
])

0 commit comments

Comments
 (0)