阻止内容超越纸张 - 对话框 - 可滚动 - 聚合物

Question

我有一个纸质对话框可滚动作为内容的主要部分。但是，如果对话框中除了文本之外还有其他内容，则在滚动时，对话框标题上生成的细微阴影位于内容下方。

仅限文字 - 使用影子分隔符

仅限Div - 没有阴影分隔符

有没有办法纠正这个？我想也许这是一个z-index问题？

<div class="contentSection" style="width:100%">
    <paper-tabs selected="0" noink>
         <paper-tab link>
              <a href="#item1" tabindex="-1">TAB 1</a>
          </paper-tab>
          <paper-tab link>
               <a href="#item2" tabindex="-1">TAB 2</a>
          </paper-tab>
          <paper-tab link>
               <a href="#item3" tabindex="-1">TAB 3</a>
           </paper-tab>
        </paper-tabs>

        <paper-dialog-scrollable>
            <sample-content size="10"></sample-content>
         </paper-dialog-scrollable>
 </div>