我创建了一个带有嵌套核心下拉组件的自定义dart聚合物组件。
<a id="row-options-button" class="optionsBtn" href="#" style=""
title="Options" on-click="{{ openDropdown }}" relative>
<i id="ellipsisIcon" class="icon fa fa-ellipsis-v"></i>
<core-dropdown id="optionsDropDown" class="colored" layered="true" autoCloseDisabled="false">
<core-selector single valueattr="label">
<core-item label="Display for 8 seconds"></core-item>
</core-selector>
</core-dropdown>
</a>
</template>
</polymer-element>
问题: 如果我创建了这个组件的多个实例,我设法打开下拉列表但是它仍然保持打开状态,尽管单击同一组件的另一个实例,或者有时是另一个元素。
我正在寻找一个解决方案来关闭所有打开的下拉菜单,除了我刚刚点击的那个。我的猜测是它很难,因为它们都有自己的影子......我希望以前有人遇到过这个问题。