当我在包含内部几个元素的div上调用host.attachShadow({mode: 'open'})
时,div的内容似乎消失了。这些元素仍然可以从devtools中看到,但在屏幕上不再可见。
如果我用任何东西填充shadowRoot并不重要;一旦阴影附着,div的孩子就会消失。
在codepen上演示:https://codepen.io/anon/pen/VrBdOe
为什么内容会消失?我在网站上看过它,所以我知道它可能以某种方式。例如,请参阅https://www.polymer-project.org/2.0/start/quick-tour的代码,<pw-shell>
节点有一个阴影根和几个兄弟姐妹共存。那里发生了什么?