polymer

So I've just got started with polymer and got this message: [Deprecation] Styling master document from stylesheets defined in HTML Imports is deprecated, and is planned to be removed in M65, around March 2018. Please refer to ....... for possible migration paths. After doing some reading it seems to be that <link rel="import" href="/SOR/bower_components/paper-input/paper-input.html"> Was causing the issue and rel=import for html was being deprecated. Is this right? If so what is the fix, how should I be doing this? Cheers The issue has actually been solved by the polymer team, as described on

The dom-repeat element offers a filter attribute. Is there a similar way to filter with iron-list ? For example: Given a list of people, I want to filter the ones born in a specific city. daluege As iron-list unfortunately doesn't offer a filter attribute, there is no declarative pattern making this possible. You can either implement your own simple list element making use of dom-repeat 's filter property. (With element inheritance coming back in future releases, you might extend iron-list ). However, the best practice I currently see is the use of a computed property: <template> <iron-list

I understand Chrome is becoming complete in terms of Web components requirements. Does that mean Polymer is no longer strictly needed? ebidel To be clear, the platform.js layer (the polyfills) go away as native support becomes available in browsers, but polymer.js (sugaring layer on top of web components) and the elements will not. The sugaring is Polymer's opinion on how to use the web components++ tech together, and the elements are generally useful/reusable components. This post describes the pieces of Polymer: What is the difference between Polymer elements and AngularJS directives? Today,

I'm using Polymer (version 0.5, might upgrade to 1.0 at some point) on a site. Obviously many older browsers don't work well with the Polyfills. Is there a way to test if the polyfills were successful in a specific browser? So, after the polyfill was done, is there some function, object, variable or anything that I can check to see if the polyfills worked? I want to be able to detect failure, and then redirect to a page with a, "please upgrade" message. The only alternative for me is to implement some kind of browser detection middleware in my backend, which I'd prefer to avoid at this point

I use iron-ajax: <iron-ajax id="postLoginForm" method="POST" verbose url="../../login" content-type="application/json" handle-as="json" on-response="_handleLoginResponse" on-error="_handleErrorResponse"></iron-ajax> The server always responds with an error if the request body is empty: Error: The request failed with status code: 422 This triggers my _handleErrorResponse method in which I would like to access the actual response, which looks like this: {"email":["The email field is required."],"password":["The password field is required."]} Here is what my _handleErrorResponse looks like:

I'm trying to enable HTML5 drag and drop on a custom polymer element but it doesn't work. Without polymer it's possible to just add the draggable attribute. Here is my code in Dart: my_component.html <polymer-element name="my-component"> <template> <style> @host { :scope { display: block; } } div { background-color: red; width: 200px; height: 200px; } </style> <div> Drag me </div> </template> <script type="application/dart" src="my_component.dart"></script> </polymer-element> my_component.dart import 'package:polymer/polymer.dart'; @CustomTag('my-component') class MyComponent extends