Skip to content Skip to sidebar Skip to footer
Showing posts with the label Web Component

Web Components - Extend Native Element's Style

I would like to extend the native button element but I am not sure how to add styling. In Google… Read more Web Components - Extend Native Element's Style

Polymer: Access Polymer Element Objects

I have a polymer element called his-service: Solution 1: Define it outside of the function and th… Read more Polymer: Access Polymer Element Objects

How To Handle Input With Polymer, Without Blue Border Tab Focus?

Edit 2: Keypress events working, on this jsbin: http://jsbin.com/foyile/1/. The problem is, I need … Read more How To Handle Input With Polymer, Without Blue Border Tab Focus?

Html Imports Load Order In Internet Explorer

I have a web page that renders some Polymer 1.0 custom elements. In the head section of my index.ht… Read more Html Imports Load Order In Internet Explorer

Plain Javascript Code That Does What Queryselector() And Queryselectorall() Does, Include Shadowroots

I am trying to write a method that takes in two params: one of the parentNode of the current elemen… Read more Plain Javascript Code That Does What Queryselector() And Queryselectorall() Does, Include Shadowroots

Queryselector Not Finding Template On Html Import

I am currently trying to learn how to use web components (without the use of Polymer) using the lat… Read more Queryselector Not Finding Template On Html Import

Polymer: How To Watch For Change In Properties

I'm just starting to learn Polymer. Here is a generic version of my polymer element: Read more Polymer: How To Watch For Change In Properties

Html Import Webcomponents Polyfill Not Working In Firefox

I am trying webcomponents in a sample app. Since some of the specs are not included in some browser… Read more Html Import Webcomponents Polyfill Not Working In Firefox

Polymer 1.0 On Firefox Referenceerror: Polymer Is Not Defined

Hello I have a working Polymer 1.0 web page on Chrome and Opera. Now I need the page to run in Fire… Read more Polymer 1.0 On Firefox Referenceerror: Polymer Is Not Defined

Svg Tag Doesn't Work Within Polymer Component In Firefox

Here is an example: http://miriti.ru/svgtest/ If you'll look at this example in any browser you… Read more Svg Tag Doesn't Work Within Polymer Component In Firefox

Passing Custom Css To Polymer Element

I would like to be able to pass CSS width to my custom element's shadow DOM. The custom element… Read more Passing Custom Css To Polymer Element

Polymer Data-binding: How To Access Data In Nested Template?

I want to implement a page containing a paper-tabs, with each tab showing a list of items according… Read more Polymer Data-binding: How To Access Data In Nested Template?

Attached Shadowroot Using Polyfill Is Not Query-able

In the following sample, I am trying to create a menu component to experiment component hierarchy. … Read more Attached Shadowroot Using Polyfill Is Not Query-able

How To Access Custom Element From Within A Linked Javascript File?

If I had a script like this Read more How To Access Custom Element From Within A Linked Javascript File?

Can I Use Custom Tag Names, Without Using Web Components, Just For Styling?

To my suprise, modern browser seem to not complain if I use custom tag names, and then style those … Read more Can I Use Custom Tag Names, Without Using Web Components, Just For Styling?

Can A Custom Element's `connectedcallback` Be Called More Than Once Before `disconnectedcallback` Is Called?

The spec says: However, note that connectedCallback can be called more than once, so any initializ… Read more Can A Custom Element's `connectedcallback` Be Called More Than Once Before `disconnectedcallback` Is Called?

Share Style Across Web Components "of The Same Type"

If I understand it correctly, creating an instance of a web component can be summed up as creating … Read more Share Style Across Web Components "of The Same Type"

How Deal "connectedcallback May Be Called Once Your Element Is No Longer Connected" Coding A Webcomponent

That statement pasted in my question was copied from https://developer.mozilla.org/en-US/docs/Web/W… Read more How Deal "connectedcallback May Be Called Once Your Element Is No Longer Connected" Coding A Webcomponent

Javascript Not Executing Inside Shadow Dom

I am working on an application where I've to load other html webpages to current page. Other we… Read more Javascript Not Executing Inside Shadow Dom

Paper-input: Suggest Values In Typeahead

Is there an easy way to implement a typeahead using Polymer's element? The HTML tag seems to … Read more Paper-input: Suggest Values In Typeahead