neon-animation icon indicating copy to clipboard operation
neon-animation copied to clipboard

Polymer paper-dialog animation is not working good in Internet Explorer

Open valdrinkoshi opened this issue 9 years ago • 1 comments

From @khoanguyenlio on January 13, 2016 7:12

I declare this

var dialog = document.getElementById('createOrUpdateModal');
 if (dialog) {
            dialog.animationConfig = {
                'entry': {
                    name: 'transform-animation',
                    node: dialog,
                    transformFrom: 'translateY(100%)',
                    transformTo: 'translateY(0)'
                },
                'exit': {
                    name: 'transform-animation',
                    node: dialog,
                    transformFrom: 'translateY(0)',
                    transformTo: 'translateY(100%)'
                }
            };
            dialog.open();
        }.

In Chrome, is perfect but when Go to IE11 something really lagging and the dialog suddenly appear .... Can change transform-animation to slide-down-animation/slide-up-animation to get a little bit better but still lag.

angularjs polymer

Copied from original issue: PolymerElements/paper-dialog#83

valdrinkoshi avatar Jan 29 '16 02:01 valdrinkoshi

Verified, it is laggy. This seems a neon-animations issue, cc/ @addyosmani @cdata

valdrinkoshi avatar Jan 29 '16 02:01 valdrinkoshi