Javascript 纸张菜单按钮内容显示在应用程序标题下
我有一个纸张项目列表,每个列表上的Javascript 纸张菜单按钮内容显示在应用程序标题下,javascript,polymer-1.0,Javascript,Polymer 1.0,我有一个纸张项目列表,每个列表上的纸张菜单按钮,其动态对齐属性设置为true。它在大多数情况下都可以正常工作,但菜单的某一点位于应用程序标题下,无法访问该选项 下面的演示代码和快照 <template is="dom-repeat" items="{{teamMembers}}"> <div role="listbox"> <paper-icon-item class="listbox-item"> <fop-avatar
纸张菜单按钮,其动态对齐属性设置为true。它在大多数情况下都可以正常工作,但菜单的某一点位于应用程序标题下
,无法访问该选项
下面的演示代码和快照
<template is="dom-repeat" items="{{teamMembers}}">
<div role="listbox">
<paper-icon-item class="listbox-item">
<fop-avatar string="A"></fop-avatar>
<paper-item-body class="item-details">
<div class="name">member name [[index]]</div>
<div class="title">member title</div>
</paper-item-body>
<paper-menu-button style="color:#0B746E;" dynamic-align="true">
<paper-icon-button style="height: 24px;width:24px;" icon="help" class="dropdown-trigger" alt="menu"></paper-icon-button>
<paper-menu style="padding: 0;" class="dropdown-content" on-iron-activate="_modifyRolesQueues">
<paper-item> option A </paper-item>
<paper-item> option B </paper-item>
<paper-item> option C </paper-item>
<paper-item> option D </paper-item>
<paper-item> option E </paper-item>
<paper-item> option F </paper-item>
<paper-item> option G </paper-item>
</paper-menu>
</paper-menu-button>
</paper-icon-item>
</div>
</template>
成员名称[[索引]]
会员名称
方案A
方案B
备选案文C
方案D
选项E
选项F
选项G
分别单击成员名称2、6和4时的快照