Skip to content
This repository was archived by the owner on Mar 13, 2018. It is now read-only.
This repository was archived by the owner on Mar 13, 2018. It is now read-only.

core-dropdown doesn't close menu when used inside custom component and multiple instances #32

@tonosama-atlacatl

Description

@tonosama-atlacatl

Here is a basic except of my custom dart/polymer component:

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

The problem/bug:
Clicking on a new instance of this component does NOT close the previous opened dropdown. Sometimes this is true while clicking different elements too.

Maybe I'm missing something, but is there a global way to closing all instances of a core-dropdown, even if they reside under Shadow Dom?, as an alternative I mean...

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions