Comments (8)
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.
Related Issues (20)
- Issue Using Erb Templating in HTML Imports HOT 9
- HAML support for html_import_tag HOT 2
- core-icon, core-scaffold not working HOT 9
- Routing Error HOT 4
- Stylesheets linked from polymer elements aren't being precompiled HOT 3
- External stylesheets aren't being reloaded HOT 3
- Getting not valid UTF-8 when using google-map web component HOT 5
- Some paper elements break polymer HOT 7
- Image asset urls HOT 2
- Polymer/Paper path parsing issue. HOT 4
- core-icon-button not working (random src) HOT 3
- Encoding / Umlauts escaping in JavaScript HOT 4
- Support: Import on custom elements HOT 1
- paper-toast not working in Firefox and Safari HOT 4
- Reloading of stylesheets HOT 2
- core-transition throwing exception HOT 1
- Emcee Railtie cant Modify frozen Array HOT 7
- Using rails + polymer how to root in rails HOT 1
- toastr is not working on safari at mac book pro
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from emcee.