PolymerElements / paper-dropdown-menu

A Material Design browser select element
https://www.webcomponents.org/element/PolymerElements/paper-dropdown-menu
61 stars 107 forks source link

Should be able to focus() dropdown programmatically #73

Open nick211 opened 8 years ago

nick211 commented 8 years ago

E.g.

<paper-button>Set focus</paper-button>

<paper-dropdown-menu>
  <paper-menu class="dropdown-content">
    <paper-item>one</paper-item>
    <paper-item>two</paper-item>
  </paper-menu>
</paper-dropdown-menu>

<script>
  document.querySelector('paper-button').addEventListener('click', function() {
    var dropdown = document.querySelector('paper-dropdown-menu');
    dropdown.focus(); // Doesn't work
    // Workaround:
    //dropdown.$$('paper-input').inputElement.focus();  
  });
</script>
SandeepSuddala commented 8 years ago

+1

cdata commented 8 years ago

Good point. The dropdown should probably auto-forward-focus to its trigger.

Note: this would be a good use case for delegatesFocus polyfill.

nerdkid93 commented 7 years ago

+1

shqear93 commented 6 years ago

+1