Polymer 纸张阴影未扩展以适应div显示:表格单元格

Polymer 纸张阴影未扩展以适应div显示:表格单元格,polymer,Polymer,“纸张阴影”组件的大小未缩小到适合其上有“显示:表格”单元格的div。我不确定这是一个错误还是我的使用问题。在我在github页面上提交问题之前,我在这里发帖,看看你们是否也认为这是一个问题,而不是使用问题 <div id="in" class="section-container"> <h4>In:</h4> <button class="i

“纸张阴影”组件的大小未缩小到适合其上有“显示:表格”单元格的div。我不确定这是一个错误还是我的使用问题。在我在github页面上提交问题之前,我在这里发帖,看看你们是否也认为这是一个问题,而不是使用问题

<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的位置:才能显示阴影。这将解决问题