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. For more options, visit https://groups.google.com/d/optout.
