update to use web animations 'finish' event

googlearchive · Apr 23, 2014 · 117c209 · 117c209
1 parent 7c9e7f2
commit 117c209
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/polymer-ui-animated-pages.html b/polymer-ui-animated-pages.html
@@ -77,7 +77,8 @@
       applyTransition: function() {
         if (this.prevSelectedItem) {
           this.animation = this.makeTransitionAnimation();
-          document.timeline.play(this.animation);
+          var player = document.timeline.play(this.animation);
+          player.onfinish = this.animationEndAction.bind(this);
           // Apply the class after the animation starts playing to prevent
           // a flicker at the end of the animation.
           this.async(function() {
@@ -115,7 +116,6 @@
           fill: 'none',
           direction: direction
         });
-        animation.onend = this.animationEndAction.bind(this);
         return animation;
       },
       selectedItemChanged: function(oldItem) {