嵌套Web组件问题

Question

我使用webcomponents.js和Shadydom polyfills玩webcomponents。

我的代码在Github上：https://github.com/olofweb/webcomponents-action-bar

第一个web组件是my-action-2。这是一个带标题的按钮。第二个web组件是my-action-bar。目标是以编程方式将my-action-2添加到my-action-bar中。 为此，my-action-bar有一个addAction()方法，可以创建一个新的my-action-2元素并将其添加到影子DOM中。

问题出在my-action-2，line 33上。当my-action-2嵌套在my-action-bar中时，shadowRoot变量代表my-action-bar而不是my-action-2的影子DOM！

Answer 1

这是重复的。

如果有人有兴趣，Github项目会更新。