Polymer 纸张菜单按钮';s下拉菜单(纸质菜单)未覆盖其他铁元素列表项
我在使用polymer 1.0的Polymer 纸张菜单按钮';s下拉菜单(纸质菜单)未覆盖其他铁元素列表项,polymer,polymer-1.0,paper-elements,Polymer,Polymer 1.0,Paper Elements,我在使用polymer 1.0的纸张菜单按钮时遇到了一个问题。它的下拉菜单没有覆盖相邻的铁名单元素 我正在构建一个元素,该元素使用铁名单显示项目,每个项目都有一个下拉菜单,其中包含可以对特定铁名单项目执行的选项。但是,纸张菜单按钮的纸张菜单下拉列表不会出现在相邻的铁名单项目的顶部,而只会出现在它自己的列表项目的顶部 我试过检查Chrome中的项目,并尝试使用z索引和溢出CSS设置,但都没有效果。有人能帮我解决覆盖问题吗 下面是我的自定义元素的本地DOM模板的摘录(请参阅下面的屏幕截图): 更新:
纸张菜单按钮时遇到了一个问题。它的下拉菜单没有覆盖相邻的铁名单
元素
我正在构建一个元素,该元素使用铁名单
显示项目,每个项目都有一个下拉菜单,其中包含可以对特定铁名单
项目执行的选项。但是,纸张菜单按钮
的纸张菜单
下拉列表不会出现在相邻的铁名单
项目的顶部,而只会出现在它自己的列表项目的顶部
我试过检查Chrome中的项目,并尝试使用z索引和溢出CSS设置,但都没有效果。有人能帮我解决覆盖问题吗
下面是我的自定义元素的本地DOM模板的摘录(请参阅下面的屏幕截图):
更新:jsbin演示问题:
更新#2:还请注意,在移动设备(Android)上的Chrome 44中,在上面的jsbin案例中,纸质菜单按钮根本不显示下拉菜单
<div id="projectsVertBoundary" class="layout vertical">
<div id="projectsHorBoundary" class="layout horizontal center-center">
<iron-list items="[[projects]]" indexAs="_id" as="projLI" class="layout flex">
<template>
<div>
<paper-material id="itemShadow" animated elevation="1">
<div class="item layout horizontal" onmouseover="hoverOver(this)" onmouseout="hoverOut(this)">
<paper-menu-button id="projOptionsBtn" vertical-align="top" horizontal-align="right" class="layout fixed-right">
<paper-icon-button id="projOptionsButtonIcon" icon="menu" class="dropdown-trigger"></paper-icon-button>
<paper-menu id="projOptionsSelMenu" class="dropdown-content">
<paper-icon-item id="projEdit">
<iron-icon icon="create"></iron-icon> Edit Project
</paper-icon-item>
<paper-icon-item id="projCopy">
<iron-icon icon="content-copy"></iron-icon> Copy Project
</paper-icon-item>
<paper-icon-item id="projDelete">
<iron-icon icon="delete"></iron-icon> Delete Project
</paper-icon-item>
</paper-menu>
</paper-menu-button>
<div class="layout flex vertical">
<!-- a bunch of arbitrary list item content -->
Project Type:<p>[[projLI.kind]]</p>
</div>
</div>
</paper-material>
</div>
</template>
</iron-list>
</div>
</div>
编辑项目
复制项目
删除项目
项目类型:[[projLI.kind]]
您能设置一个工作的jsbin吗?我可以看看。谢谢@ebidel。在这里添加了jsbin:还请注意,当您单击熨斗列表中的最后一个选项菜单项时,根本不会出现下拉列表。点击ProjectOne的选项菜单显示了覆盖问题。不知道这是否是因为事情在一个铁名单中,这适用于转换。然后是固定位置的下拉列表。我知道当这两种元素混合在一起时,Chrome会做出意想不到的事情。你能在纸上的下拉列表中提交一个bug吗?我已经在纸上菜单按钮的现有问题上添加了一个注释,带有指向这个SO线程和jsbin的链接:你有机会整理出来吗?面对同样的问题,还有铁名单。。。。