skills/angular__angular
1
0
Fork 0
mirror of https://github.com/angular/angular.git synced 2026-09-14 13:54:52 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(dialog): blurry content and slow animation in IE (#4809)

Browse Source 
Fixes the dialog content being blurry and the animation being really janky in IE11.
This commit is contained in:
Kristiyan Kostadinov
2017-06-06 00:44:16 +02:00
committed by Andrew Seguin
parent 3e993b651c
commit c8b1e200ee
1 changed files with 5 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/lib/dialog/dialog-container.ts
+5 -1
View File
@@ -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)')),
])