polymer-overlay: add .animating class when transitioning

googlearchive · Nov 6, 2013 · 0962d6c · 0962d6c
1 parent 8eb398e
commit 0962d6c
Showing 1 changed file with 3 additions and 0 deletions.
diff --git a/polymer-overlay/polymer-overlay.html b/polymer-overlay/polymer-overlay.html
@@ -291,6 +291,8 @@
             animation.apply(),
             new Animation(this.target, [{'visibility': 'visible', 'display':'block'}])
           ], {fill: 'none'});
+          transition.onend = this.completeOpening.bind(this);
+          this.target.classList.add('animating');
           document.timeline.play(transition);
         },
         renderOpened: function() {
@@ -315,6 +317,7 @@
           }
         },
         completeOpening: function() {
+          this.target.classList.remove('animating');
           this.target.classList.toggle('revealed', this.opened);
           if (!this.opened) {
             this.resetTargetPosition();