Question

纸质阴影组件没有调整大小以适合具有显示的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;
            }

以下是正在发生的事情的屏幕截图。 https://www.dropbox.com/s/jtmeboxdjwyph38/Screenshot%202014-08-19%2009.44.43.png 纸阴影是屏幕中间的一条线。

我还应该提一下，在我最近对所有组件进行了一次bower更新之前，我如何使用paper-shadow工作得很好。这似乎打破了我使用它的方式。我不知道我之前运行的是什么版本，但是，我现在正在运行0.3.5。

Answer 1

事实证明，您必须向父div添加position: relative才能显示阴影。这将解决问题。

纸张阴影不扩展到适合显示的div：table-cell

1 个答案: