polymer

I'm getting this error on any console.log statement in my codebase. This affects only Safari 11.0 (12604.1.38.1.7) on Mac 10.16.6 How can i resolve this and how this happened? Jonathan Cole You need to disable the "WebDriver" extension. I had this same problem, and my stack trace included a resource called "Script element" which was making this call: b.initMessageEvent("safaridriver.message", !1, !1, a, window.location.origin, "0", window, null); Maybe there's a SafariDriver update out there that also fixes this? The main answer here, led me down the wrong path. Some notes: My console.log

What is the best way to change Polymer Paper Elements default font from Roboto to a custom font? I used the --paper-font-common-base: {} mixin to define my font and this works in most places... but not all. In places like the paper-toolbar for example there is still Roboto applied. Is there another way to do this? EDIT I see the offender now. Inside paper-styles/typography.html there are loads of mixins that specifically define the font... eg --paper-font-title: { /* @apply(--paper-font-common-base) */ font-family: 'Roboto', 'Noto', sans-serif; -webkit-font-smoothing: antialiased; /* @apply(-

I am developing a web component using Polymer 2, and would like to make use of a third-party JavaScript library, which was not specifically designed for use with web components. As far as I know, the only way to do this is to include a <script> tag referencing the library, within the HTML file of my web component. I can see a couple of issues with doing this, and want to know if there are any ways around them, and indeed whether including third-party libraries in this way is considered bad-practice. The external library might set global variables which are visible to other components on the

Generally I'm finding it difficult to use the core-animated-pages Polymer element to implement a chip list to card type pattern when I have a very long list that scrolls the page. I think the difficulty is that once the transition has finished, the hidden portion is taken out of the layout and I'm having a hard time figuring out a way around this. Easy Illustration JSFiddle: http://jsfiddle.net/hmknv3jh/ On the output, scroll to the bottom and click a chip, the problem should be obvious. Details Make sure you have to scroll to get to a chip toward the bottom and click one. The chip flies off

Is it possible to create an element that will be used as an anchor in polymer. So for example <template repeat="{{ content in contentitems }}"> <div id="{{ content.id }}">{{content.stuff}}</div> </template> Would it be possible to create a hyperlink to the content#id anchor like http://example.com/#someid Alternatively, we can query that element with querySelector like the below and then scroll it into view if necessary with JavaScript. I'd rather not have to use a JS router however for anchor hyperlinking? scrollIntoViewFunc(document.querySelector("html /deep/ #someid")) Here's an actual URL

How to set baseUrl in Polymer Starter Kit(light version)? (similar: Serving Polymer App to a /path not at root ) I want to run it in subfolder (dl and unzipped PSK there, server is xampp): http://localhost/test/psk/app/ When I go to that URL, app is redirecting to: http://localhost/ with this note: Can't find: http://localhost/test/psk/app/#!/test/psk/app/ . Redirected you to Home Page Ok There are no console errors, app work fine except the URL problem. Here are app.js : // Sets app default base URL app.baseUrl = '/'; if (window.location.port === '') { // if production // Uncomment app