纸张菜单按钮的下拉菜单(纸张菜单)不会覆盖其他铁列表项目

Question

我遇到了使用聚合物1.0的问题paper-menu-button.它的下拉菜单不会覆盖相邻iron-list元素.

我正在构建一个显示项目使用的元素,iron-list每个项目都有一个可以在该特定iron-list项目上执行的选项下拉菜单.然而,paper-menu-button的paper-menu下拉列表中没有出现对邻国的顶部iron-list的物品,只有在它自己的列表项的顶部.

我已经尝试检查Chrome中的项目,并使用z-index和溢出CSS设置无济于事.任何人都可以帮我解决我的叠加问题吗？

这是我的自定义元素的本地DOM模板的摘录(并在下面进一步查看截图):

更新: jsbin演示了这个问题:

http://jsbin.com/kuyovuh/1/edit?html,output

更新#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>