I am facing a strange problem with Polymer core-icon. Below is my snippet:
...
...<link rel="import"
href="../bower_components/core-icons/iconsets/social-icons.html">
...
...<post-card id="card-1">
<div>Something in bold!</div>
<h2>My first post-card element with core-icon</h2>
<p>Core-icon is not rendering properly on Firefox...Please help!</p>
<core-icon class="large-icon" icon="android"></core-icon></post-card>
And my post-card element looks like this:
...<div class="card-header" layout horizontal center>
<content select="img"><img src="images/{{imgsrc}}" alt="" /></content>
<content select="h2">{{heading}}</content></div><content
select="p">{{para}}</content><content></content>
...
When I am running the above in Chrome the icon is rendering fine but on
Firefox the icon is only flashing once and then disappears!
Rest of the content placed inside insertion point are rendering OK on both
browsers.
Following screenshot shows what I have on different browsers:
[image: enter image description here]
For creating post-card element I have referred the following link:
https://www.polymer-project.org/0.5/docs/start/tutorial/step-2.html
I have started with Polymer recently. Looking forward to expert help.
Thanks in advance!
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/c777fccc-4612-424a-a863-c4d747142d5e%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.
