2017-02-21 7 views
0

Я пытаюсь избавиться от выбранного элемента бумаги-меню, потому что, когда я нажимаю кнопку меню и бумажное меню, вы всегда выделяете первый элемент (не выбран, но выделяется серым цветом). Есть ли способ обхода этой функции автоматического выделения? Свойство (focus = "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> 

ответ

0

Я предполагаю, что я нашел решение, не знает, делает мое решение затрагивает какую-либо «глубокую» функцию, но в то время как я испытан все работало нормально. Таким образом, чтобы избавиться от автоматического выделения первого элемента в кнопке «Бумага-меню» или «Выпадающее меню», добавьте следующее.

<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> 

Так как в коде показано, что вам нужно добавить перед содержимым ниспадающего пустой DIV с таким же классом и выпадающим содержание добавить TabIndex. Если кто-то найдет какую-нибудь ошибку, это решение просто ответит здесь, и я попробую найти другое решение.

Смежные вопросы