核心列表必须是大小或在溢出：自动div大小

Question

我在页面中使用聚合物核心列表和显示提供了一个很好的结果，但是当我尝试使用此文件作为一个聚合物自定义元素，它显示我这个错误：核心列表必须是大小或在溢出：自动div的大小。

如何解决这个问题？

Answer 1

因为您的问题不提供很多信息只是一个猜测。这是因为丢失

<polymer-element name="xxx"> 
    <style> 
    :host { 
     display: block; 
    } 
    </style> 
    <core-list-dart> 
    ... 
</polymer-element> 

Answer 2

从core-list documentation：

重要提示：核心名单必须醚是显式指定大小，或委托 滚动到一个明确的大小父。通过“显式大小”，我们 表示它或者具有通过类或 内嵌样式设置的显式CSS高度属性，或者通过其他布局方式（例如flex或 适合）来确定大小。或者，核心列表可以通过设置scrollTarget属性 将滚动委托给包含该列表的滚动 元素，并且相同的显式调整要求将应用于该元素。

如果您为元素设置了高度属性，那么您应该很好去。

<polymer-element name="somename"> 
    <style> 
    :host { 
     display: block; 
    } 
    .someclass { 
     height:10vh; 
    } 
    </style> 
    <core-list-something class="someclass"> 
    ... 
</polymer-element>