iron-pages内的paper-header-panel不显示任何内容

Question

我正在构建一个SPA聚合物1.0应用程序，如下所示：

<iron-pages attr-for-selected="data-page"
            selected="{{page}}">
  <div data-page="home">
    <paper-header-panel mode="{{mainMode}}">
      <profile-toolbar></profile-toolbar>
      <div class="content">
        <search-menu></search-menu>
      </div>
    </paper-header-panel>
  </div>
  <div data-page="search">
    <paper-drawer-panel ...>
      ...
    </paper-drawer-panel>
  </div>
</iron-pages>

<profile-toolbar>是一个包含<paper-toolbar>的自定义元素。如果我省略了<paper-header-panel>，它可以工作，但有一个填充和滚动不能正常工作。所以我添加了一个<paper-header-panel>。

第二个页面在抽屉中也包含一个<paper-header-panel>，并且工作正常，但是如果第一个页面包含<paper-header-panel>，我就不能让它显示任何内容。我遗漏了什么？

Answer 1

尝试将以下css类添加到作为您的纸张标题面板的直接父级的div中：

.content {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
  }

Answer 2

Here is a solution你可以试试。

除了iOS (Safari)之外，所有的Note this open bug (显然)都已经解决了。