paper-tabs core-transitionend fires later than expected?

[andreas...@hotmail.de]

I have core-transitionend event listeners on several elements with a paper ripple – namely paper-button, paper-fab, paper-tab and paper-icon-button. Most of these elements execute a transition between core-animated-pages after on core-transitionend to ensure better animation performance.  What I noticed was that the core-transitionend event fires about 1 second later for paper-tabs than it does for all the components mentioned above. I think the ripple-animation's duration is longer on paper-tabs. Is this behavior intended? It feels unresponsive for paper-tabs due to the 1sec delay on top of the 1 sec it takes for the ripple animation to finish.

Is there a way of changing the speed of the ripple animation outside of the component?

[Rob Dodson]

I think you can crank up the opacityDecayVelocity of the paper-ripple elements inside the paper-tab elements. It requires a bit of JavaScript. Here's an example: http://jsbin.com/winavu/3/edit

On Thu, Dec 18, 2014 at 7:44 AM, <andreas...@hotmail.de> wrote:

I have core-transitionend event listeners on several elements with a paper ripple – namely paper-button, paper-fab, paper-tab and paper-icon-button. Most of these elements execute a transition between core-animated-pages after on core-transitionend to ensure better animation performance.  What I noticed was that the core-transitionend event fires about 1 second later for paper-tabs than it does for all the components mentioned above. I think the ripple-animation's duration is longer on paper-tabs. Is this behavior intended? It feels unresponsive for paper-tabs due to the 1sec delay on top of the 1 sec it takes for the ripple animation to finish.

Is there a way of changing the speed of the ripple animation outside of the component?

Follow Polymer on Google+: plus.google.com/107187849809354688692
---
You received this message because you are subscribed to the Google Groups "Polymer" group.
To unsubscribe from this group and stop receiving emails from it, send an email to polymer-dev...@googlegroups.com.
To view this discussion on the web visit https://groups.google.com/d/msgid/polymer-dev/b73faf68-8474-454b-b54c-13bd8e25af5a%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.