不应隐藏'dom-if'元素吗？

Question

今天我正在努力将我的一些工作转移到Polymer 2.0。我注意到在使用新的<dom-if>元素时它没有隐藏在DOM中，并且实际上接收了继承的样式。这导致了一些布局问题。您可以在此处查看问题的示例： http://jsbin.com/roqirezuvi/edit?html,output

作为一种解决方法，我添加了一种样式来隐藏所有dom-if元素，如下所示：

dom-if{
  display: none;
}

看起来这应该是元素的默认样式，除非我遗漏了什么。

对于clairty，我在这里使用文档： https://www.polymer-project.org/2.0/docs/devguide/templates#dom-if

我尝试了两种方法，结果是一样的。

Answer 1

如果您引用documentation，建议将所有必需的HTML包含在dom-if内的标记中，包括<template>或任何其他HTML元素，例如{{1} }}。这样您就不必自己隐藏div使用样式。

<dom-if>