我的问题类似于这里:paper-menu-button's dropdown (paper-menu) not overlaying other iron-list items,但没有提出足够的解决方案。聚合物纸下拉菜单不覆盖铁列表
的问题是,我有一个<paper-dropdown-menu>
,其中<iron-list>
项目是在内部正确地打开了,但那张以下<iron-list>
项下:
我有一个简单<paper-dropdown-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>
其被插入到另一个元件与<iron-list>
(它加载与<iron-ajax>
一个JSON文件):
<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>
我尝试将每个<iron-list>
项目的z-index设置为1,但那不起作用。我尝试着与<iron-overlay>
一起工作,但我没有设法完成。我对聚合物非常陌生,所以如果有人有解决方案或解决方法,那就太好了。
这很有道理。你有我的代码示例吗? – Vims
寻找...但我刚刚发现有人已经从我们的应用程序中删除了它,它也停止工作,将更新答案^^ – Kyle