轻型DOM样式"泄漏"进入Polymer组件的影子DOM

时间:2016-02-05 04:52:53

标签: polymer polymer-1.0 web-component

我有一个聚合物网络组件,在组件中有一个名为content的div。

我注意到如果主页的样式为git svn info,那么它会将该样式应用于我的组件!

这是意外的事件转变,因为Web组件应该阻止轻量级DOM样式泄漏到组件中。另外,我使用以下css规则来防止这种情况发生:

div.content

有什么想法吗?

1 个答案:

答案 0 :(得分:2)

默认情况下,聚合物不使用shadow-dom。它使用了一个名为shady dom的近似值,它没有提供样式封装,所有内容都被转储到 light dom中。

如果您想默认启用阴影dom,可以使用此config来执行此操作:

<script>
    window.Polymer = window.Polymer || {};
    window.Polymer.dom = 'shadow';
</script>