Polymer 纸张阴影未扩展以适应div显示:表格单元格
“纸张阴影”组件的大小未缩小到适合其上有“显示:表格”单元格的div。我不确定这是一个错误还是我的使用问题。在我在github页面上提交问题之前,我在这里发帖,看看你们是否也认为这是一个问题,而不是使用问题Polymer 纸张阴影未扩展以适应div显示:表格单元格,polymer,Polymer,“纸张阴影”组件的大小未缩小到适合其上有“显示:表格”单元格的div。我不确定这是一个错误还是我的使用问题。在我在github页面上提交问题之前,我在这里发帖,看看你们是否也认为这是一个问题,而不是使用问题 <div id="in" class="section-container"> <h4>In:</h4> <button class="i
<div id="in" class="section-container">
<h4>In:</h4>
<button class="in-button" on-click="{{ clearInRow }}">Clear</button>
<button class="in-button" on-click="{{ removeInRow }}">-</button>
<button class="in-button" on-click="{{ addInRow }}">+</button>
<core-list id="in-inputs" data="{{ data.in }}" height="39"
style="overflow: hidden; min-width: 324px;" on-core-activate="{{ itemSelected }}">
<template>
<div class="{{ {selected: selected} | tokenList }}">
<paper-input-no-error value="{{ in[0] }}"
class="in-paper-input"
on-change="{{ inChanged }}"></paper-input-no-error>
<paper-input-no-error value="{{ in[1] }}"
class="in-paper-input"
placeholder="Value"></paper-input-no-error>
</div>
</template>
</core-list>
<paper-shadow z="1"></paper-shadow>
</div>
.section-container {
border-radius: 2px;
overflow: hidden;
display: table-cell;
vertical-align: top;
padding: 10px;
}
.section-container > h4 {
display: inline;
}
下面是正在发生的事情的屏幕截图。
纸张阴影是横穿屏幕中间的线条
我还应该提到,在我最近对所有组件进行bower更新之前,我使用纸张阴影的方式工作得非常好。这似乎打破了我使用它的方式。我不知道以前运行的是哪个版本,但是,现在运行的是0.3.5。结果表明,必须添加一个相对于父div的位置:才能显示阴影。这将解决问题