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

Nothing is focused after paper-dropdown-menu is closed #164

Closed mgiuffrida closed 8 years ago

mgiuffrida commented 8 years ago

Fiddle: https://jsfiddle.net/j4rfjasf/

Steps:

  1. Click a paper-dropdown-menu to open the menu.
  2. Choose an item by clicking it, or navigating with the arrow keys and pressing Enter or Space.

Expected: the paper-dropdown-menu regains focus. Actual: focus seems to be nowhere. Tabbing focuses the next button, whereas shift-tabbing focuses the same paper-dropdown-menu.

Step 1 can also be "Tab to a paper-dropdown-menu to focus it; its underline becomes blue. Press Enter to open the mune." This is the same behavior, but feels more broken because you explicitly see the focus go from the paper-dropdown-menu, to a menu item, to nothing.

Step 2 can also be "Press Escape to close the menu without selecting an item."

Compare with native <select> behavior, which re-focuses the <select> after closing the menu.