Polymer 铁皮书页内的纸张标题面板不显示任何内容

我正在构建一个SPA polymer 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>

...

是包含

的自定义元素。如果我省略了

，它可以工作，但是有一个填充，滚动不正常。所以我添加了一个

---

第二页抽屉里也有一个

，工作正常，但如果第一页有

，我就不能让它显示任何内容。我缺少什么？

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

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

你可以试试

---

除了iOS（Safari）之外，这一问题（显然）已经解决。

我在尝试添加路由时也遇到了这个问题。这个问题与page.js路由与纸张标题面板不兼容有关