Icons within elements (e.g., paper-icon-button) not rendering; think its a pipeline issue about emcee HOT 8 CLOSED

Hi, I haven't ran into any issues, yet, that are specific to one browser, so I really have no idea what this might be.

The 'paper' elements have caused a lot of issues, though, including some encoding issues. Maybe firefox and chrome handle some encoding-related-things differently?

In any case, I'll look into it. Seems like a bug or edge case that Emcee needs to handle. I don't think you're doing anything wrong.

Do you have a repo that demonstrates this that I can clone?

from emcee.

For starters: http://stackoverflow.com/questions/27066400/polymer-icons-within-elements-not-rendering-in-firefox-rails-app-with-emcee-gem

from emcee.

@ahuth I did some further sleuthing and feel that its an issue with the SVG icon rendering and/or linking to the parent element (e.g., the menu icon contained by a core-icon-button). I noticed in the browser console that Chrome shows "#shadow-root" below the parent element (e.g., button) and before icon, and the element renders properly as a whole (i.e., icon shows inside parent element), whereas Firefox doesn't include "#shadow-root" in console and icon either doesn't render or renders outside of the parent element and is much larger in size than it should be. So, perhaps the shadowDOM is not working properly in Firefox? (Btw, Safari didn't work either.) Perhaps emcee or pipeline is breaking something? I also came across this previous issue: #8. Got me wondering. Have you tested Emcee with Polymer 0.5.x version?

from emcee.

Hey, thanks for looking into this. I have not tested Emcee with Polymer 0.5.x, so that could definitely be it.

I'll try to test it this week, in between traveling and work, etc. Great work digging into this!

from emcee.

Absolutely! Wish I could be of more help, but rather newish at this stuff. Regardless, I will pass along any new observations, etc... Cheers. @ahuth

from emcee.

Per an answer on SO, adding the below global styling got the paper-icon-button (with icons) to work for me. I didn't have a chance to test it more in-depth though. @ahuth

core-icon-button {
-moz-user-select: none;
border-radius: 2px;
box-sizing: border-box;
cursor: pointer;
display: inline-block;
font-size: 1rem;
margin: 2px;
padding: 7px;
vertical-align: middle;
}
html core-icon {
background-repeat: no-repeat;
display: inline-block;
fill: currentcolor;
height: 24px;
position: relative;
vertical-align: middle;
width: 24px;
}

from emcee.

That's very interesting. Something still must be going wrong with the gem, because I'm sure the paper-icon-button has its own styles that should be working.

Anyway, thanks for reporting this.

from emcee.

Hi, just wanted to give you an update on this:

I don't have the need nor motivation to work on this gem anymore, so this issue probably won't be fixed. Sorry!

Will still accept PRs, though.

from emcee.