Nested Webcomponents issue

Question

I play with webcomponents using webcomponents.js and Shadydom polyfills.

My code is on Github : https://github.com/olofweb/webcomponents-action-bar

The first webcomponent is my-action-2. It is a button with a title. The second webcomponent is my-action-bar. The goal is to programmatically add my-action-2 into my-action-bar. For this, my-action-bar has an addAction() method who create a new my-action-2 element and add it to the shadow DOM.

The problem is on my-action-2, line 33. Whenmy-action-2 is nested in my-action-bar, then the shadowRoot variable represent the shadow DOM of my-action-bar instead of my-action-2 !

@Supersharp, you're right, thank you ! – Olof Jan 25 '17 at 10:24 — Olof, Jan 25 '17 at 10:24

score 1 · Accepted Answer · answered Jan 25 '17 at 10:25

1

It was a duplicate.

Github project updated if anyone is interested.

answered Jan 25 '17 at 10:25

Olof

524
5
20

Nested Webcomponents issue

1 Answers1