ebidel / polymer-experiments Goto Github PK
View Code? Open in Web Editor NEWExample/useful Polymer elements
Example/useful Polymer elements
Hi, Eric
Great presentation on Polymer!
Using angularJS for several projects, so we care a lot on using Polymer elements with angular.
It's really smooth to use Polymer inside angular templates, since angular treats Polymer elements as DOM, and with the help of angu-poly, two-way data-binding also works great.
But, the problem is:
We love angular's form validation, but we can't get angular code working inside Polymer element, IS IT EVEN POSSIBLE?
I cloned this repository into a sub folder of my web server and tried to open the index.html
in my chromium, but I get only an error:
TypeError {stack: "TypeError: Array.prototype.forEach called on null …//www.polymer-project.org/polymer.min.js:37:8125)"}
"TypeError: Array.prototype.forEach called on null or undefined
at forEach (native)
at Object.i.scopeRules (http://www.polymer-project.org/polymer.min.js:33:30976)
at Object.<anonymous> (http://www.polymer-project.org/polymer.min.js:33:31202)
at CSSRuleList.forEach (native)
at Object.i.scopeRules (http://www.polymer-project.org/polymer.min.js:33:30976)
at Object.i.convertScopedStyles (http://www.polymer-project.org/polymer.min.js:33:30589)
at Object.i.shimScoping (http://www.polymer-project.org/polymer.min.js:33:30326)
at Object.i.stylesToShimmedCssText (http://www.polymer-project.org/polymer.min.js:33:29406)
at Object.i.shimStyling (http://www.polymer-project.org/polymer.min.js:33:27636)
at f.desugar (http://www.polymer-project.org/polymer.min.js:37:8125)"
Can you fix this, please or is this an polymer error?
Regards,
Cid
Currently as it stands, this element is kind of less than a good explanation of what we have in mobile - it actively makes the experience much worse. It would be nice to see how you would treat this so that it is good candidate that also explains a mobile experience. I expect that there might be interesting lessons there if we start thinking about it in terms of where there might be dom variance (additional listeners even) or just if just CSS and media queries is enough.. I might shed some light on how we might then expose some degree of styling better too.
@ebidel I'm adding this as an issue since I'm not sure what's the best way to ask for your help.
After looking at your awesome talk at Polymer Dev Summit I decided to give it a try to ES6 classes in Polymer. So basically I started from PSK, followed all steps to make it ES6 compatible and added 2 custom elements, which I converted to ES6 classes. So the issue is that before converting them to classes, I ran gulp and it was just fine.. but after the conversion, running gulp shows the following message:
Ignoring duplicate element definition: undefined
I'm not sure if this is an issue with Babeljs or what, I hope you could help me figure it out.. thanks in advance!!!
Keyboard and screen reader support is lacking I guess - I didn't try or look, but Marcy says so, so I believe it :)
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.