如何摆脱 Polymer 中的纸质菜单按钮第一项突出显示？

Question

我试图摆脱纸质菜单按钮第一项被选中的情况，因为当我按下菜单按钮并且纸质菜单下拉时，总是会突出显示第一项（未选中但以灰色突出显示）颜色）。是否有任何解决方法来禁用该自动突出显示功能？属性 (focused="false") 无效，默认情况下为 false。

<paper-menu-button vertical-offset="42" horizontal-align="right">
    <paper-icon-button icon="menu" class="dropdown-trigger"></paper-icon-button>
    <paper-menu class="dropdown-content">
        <paper-item>Item 1</paper-item>
        <paper-item>Item 2</paper-item>
    </paper-menu>
</paper-menu-button>

Answer 1

我想我已经找到了解决方案，不知道我的解决方案是否会影响任何 "deep" 功能，但在我测试时一切正常。因此，要摆脱自动突出显示 paper-menu-button 或 paper-dropdown-menu 中的第一项，请添加以下内容。

<paper-menu-button>
<paper-icon-button icon="menu" class="dropdown-trigger"></paper-icon-button>
<div class="dropdown-content"></div>
<paper-menu class="dropdown-content" tabindex="0">
<paper-item>Item 1</paper-item>
<paper-item>Item 2</paper-item>
</paper-menu>
</paper-menu-button>

因此，如代码所示，您必须在下拉内容之前添加一个具有相同 class 的空 div，并向下拉内容添加 tabindex。如果有人发现此解决方案导致的任何错误，请在此处回复，我会尝试寻找其他解决方案。

如何摆脱 Polymer 中的纸质菜单按钮第一项突出显示？

How to get rid of paper-menu-button first item highlight in Polymer?

polymer

material-design

paper-elements