There's not a good way to do this currently. I think we need to separate this into 2 different issues: (1) knowing when an some element animation is completed, (2) animation of initial state. The first point is reasonable and the paper elements will need to evolve better support for this. Imo, animation of initial state is often not desirable. We'll need to check with the material designers to verify this is what they want.
Filed this for the first point: https://github.com/Polymer/paper-elements/issues/9 On Mon, Jul 7, 2014 at 12:00 AM, <[email protected]> wrote: > Many of the new Paper widgets have animations that run on page load. This > looks nice, but how can I tell when they're finished (because, for > instance, I want to do my own animation that looks bad if the widgets still > look like they're loading)? > > The polymer ready event fires before many of the animations are finished. > Further, many of these animations are defined internally to the widgets > (and rightly so), so it isn't obvious how to hook them or if it's really > advisable. > > My first thought was to read all animations out of document.timeline on > polymer ready and wait for them to be done, but that isn't implemented yet > as far as I know and it feels pretty kludgy anyway. > > It seems like there should be a way to either ask an element to explicitly > list if it performs a transition on load (so I can then hook animationend > on that element). Then I'd need these animationend events to bubble out of > the shadow root, though, because many of the Paper elements have elements > inside of them with defined animation. > > Better yet, it would be nice to just have an event on every high-level > Paper element that said "OK I'm really (visibly) done loading now" > > Right now I'm resorting to a timer, which feels lame. Any better ideas? > > 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 [email protected]. > To view this discussion on the web visit > https://groups.google.com/d/msgid/polymer-dev/080f6578-91e8-419c-b9ca-e903e4f39175%40googlegroups.com > <https://groups.google.com/d/msgid/polymer-dev/080f6578-91e8-419c-b9ca-e903e4f39175%40googlegroups.com?utm_medium=email&utm_source=footer> > . > For more options, visit https://groups.google.com/d/optout. > 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 [email protected]. To view this discussion on the web visit https://groups.google.com/d/msgid/polymer-dev/CA%2BrMWZj_-YUCyankY%2B7jQCi194oNgkW9Z9P9Mr%3DSkLNxZ1-dPA%40mail.gmail.com. For more options, visit https://groups.google.com/d/optout.
