ネストされたWebコンポーネントの問題

Question

webcomponents.jsとShadydomのポリフィルを使用して、webコンポーネントで遊んでいます。

私のコードはGitHubの上にある：https://github.com/olofweb/webcomponents-action-bar

最初webcomponentはmy-action-2です。これはタイトル付きのボタンです。 2番目のWebコンポーネントはmy-action-barです。目標は、my-action-barにmy-action-2をプログラムで追加することです。 my-action-barにはaddAction()メソッドがあり、新しいmy-action-2要素を作成してシャドーDOMに追加します。

my-action-2、line 33に問題があります。 my-action-2がmy-action-barにネストされている場合、shadowRootの変数は、my-action-2の代わりにmy-action-barのシャドウDOMを表します。

Answer 1

これは複製であった。

興味があればGithubプロジェクトを更新しました。