I started moving over to Polymer 1.0 coming from 0.5.
What I noticed is that, while using Iron Router, the routing seems to happen before Polymer is done loading.
For other reasons (making polymer 0.5 to work in Safari) I disabled autoRender already in Iron-router and had a polymer-ready listener setup to start the Router on ready.
This polymer-ready is no more, only WebComponentsReady works.
Anyway…the problem I see now in a very simple test is that my paper-icon-item doesnt get rendered correctly when I load a route.
When after load I edit the source Dev Tools in Chrome, and add another paper-icon-item into the source, it renders fine.
This makes me think that iron-router and also flow-router (which I am trying now) renders the template before Polymer is actually ready.
I do not see a way to let Flow Router start rendering when Polymer is ready.
Also, when I catch WebComponentsReady in a reactiveVar which I hook in the window scope (just for testing) and then set a global template helper to return true when this ReactiveVar is true, it does render almost correct…almost.
paper-icon-item iron-icon(icon="social:group" item-icon) inbox
Using this structure, the iron-icon should be put inside the content area with select [item-icon[
<template> <div id="contentIcon" class="content-icon layout horizontal center"> <content select="[item-icon]"></content> </div> <content></content> </template>
But that doesnt happen, it is not picked up and place in the content area. The icon will look really small:
When I manually add another paper-icon-item into the HTML with Dev Tools, this one renders correct, and also fixes the previous icon
So it looks to be an issue related to Meteor and the Routing.
Anyone a suggestion? Or maybe with a bit longer to implement Polymer 1.0 until more people have tested and maybe some bugfixes have been made?
paper-item iron-icon(icon="social:group" item-icon) span Inbox
This will work for now, but the paper-icon-item really seems to break with Meteor.
When I look at the paper item demo page, they all look great: /components/paper-item/demo/index.html