Drop down menu 聚合物纸下拉菜单不覆盖熨斗列表

我的问题与这里的问题类似，但没有提出适当的解决办法

问题是我有一个

，它在它所在的

项目中正确打开，但在以下

项目下面：

我有一个简单的

如下：

<paper-dropdown-menu-light class="custom" label="Languages" no-label-float>
  <paper-listbox class="dropdown-content" selected="1">
    <paper-item>Spanish</paper-item>
    <paper-item>English</paper-item>
    <paper-item>French</paper-item>
    <paper-item>Sinhala</paper-item>
  </paper-listbox>
</paper-dropdown-menu-light>

西班牙的
英语
法语
僧伽罗语

插入到另一个元素中的

（加载带有

的JSON文件）：

[[item.id]]
[[item.titleen]]
[[item.slug]]
[[item.blurb]]

---

我尝试将每个

项的z索引设置为1，但没有成功。我试着使用

，但没有成功。我对Polymer非常陌生，所以如果有人有解决方案或解决方法，那就太好了。

这是因为

iron list

对每个列表项都使用

transform:translate3d

。

---

我发现的解决方法是将

z-index

添加到当前列表项（

）中，在该列表项上展开下拉列表，或者以编程方式从上到下按降序添加到所有项目。

这很有意义。你有我的示例代码吗？看。。。但我刚刚发现有人从我们的应用程序中删除了它，它也停止了工作，将更新答案^^

<iron-list id="list" items="[[bookList.books]]" as="item">
  <template>
    <div>
      <div class$="[[getClassForItem(item, selected)]]" tabindex$="[[tabIndex]]" style="z-index: 1;">
        <div class="avatar">[[item.id]]</div>
        <div class="pad">
          <div class="primary">[[item.titleen]]</div>
          <div class="shortText">[[item.slug]]</div>
          <div class="longText">[[item.blurb]]</div>
            <div class="languagedrop">
              <language-drop></language-drop>
            </div>
        </div>

      </div>
    </div>
  </template>
</iron-list>