Использование выпадающего списка для выбора нескольких элементов

Question

Когда пользователь нажимает кнопку отчета, они должны иметь возможность выбирать один или несколько типов проблем. Я пробую что-то вроде этого:

<core-icon-button icon="report" on-tap="{{ openDropdown }}"> 
    <core-dropdown> 
     <core-selector valueattr="label" multi> 
     <core-item label="Type 1"></core-item> 
     <core-item label="Type 2"></core-item> 
     <core-item label="Type 3"></core-item> 
     </core-selector> 
     <button on-tap="{{ reportIssue }}">Report</button> 
    </core-dropdown> 
</core-icon-button> 

Но когда я выбираю любой элемент, раскрывающийся список закрывается. Мое ожидаемое поведение заключалось бы в том, чтобы закрыть выпадающий список только после вызова .

Является ли то, что я пытаюсь сделать с помощью core-dropdown (или любого другого элемента ядра), или я должен создать для этого настраиваемый элемент? Похоже на отходы, поскольку почти все, что мне нужно, уже предусмотрено core-dropdown.

EDIT: Проблема в том, что у меня был core-dropdown внутри core-icon-button. После того, как я изменил это, все работает так, как ожидалось. :)

Answer 1

Попробуйте closeAttribute или closeSelector. См. core-overlay документация