paper-dropdown-menu icon indicating copy to clipboard operation
paper-dropdown-menu copied to clipboard

paper-dropdown-menu could expose property ignoreSelect from paper-menu-button

Open ftirelo opened this issue 10 years ago • 3 comments

The way it's currently implemented, there is no way of keeping the dropdown menu from closing when you deselect an item.

Example:

<dom-module id="my-component">
  <template>
    <paper-dropdown-menu id="dropdownMenu">
      <iron-selector id="selector" class="dropdown-content" multi>
          <paper-checkbox checked>foo</paper-checkbox>
          <paper-checkbox checked>bar</paper-checkbox>
          <paper-checkbox checked>foo bar</paper-checkbox>
      </iron-selector>
    </paper-dropdown-menu>
  </template>
</dom-module>

The dropdown closes when any checkbox is closed. The following workaround keeps the issue from happening, but it's not very elegant:

  ready: function() {
    this.$.dropdownMenu.$.menuButton.ignoreSelect = true;
  }

ftirelo avatar Oct 08 '15 01:10 ftirelo

you can try this

ready: function() {
    this.$.dropdownMenu.ignoreSelect = true;
  }

it is a little shorter

alfredoaguirre avatar Dec 09 '15 17:12 alfredoaguirre

SGTM

cdata avatar Jan 28 '16 23:01 cdata

+1

RoXuS avatar Nov 17 '16 14:11 RoXuS