Select menu behavior

[jfmaggie]

Problems

Check select menu stories in storybook and some use case in our segment app I think there are a few issues for select menu:

1. Use keyboard arrow key up/down, the list doesn't scroll into the selected position, so you can't see where you are at in the list

2. Use keyboard arrow key up/down are selecting the current item. Checked some select menu examples such as http://blueprintjs.com/docs/versions/2/#select/select-component, Github Assignees issue selector, the list allows us use arrow key to browse list items without triggering select immediately. So we consume the original state of selected item if we only browse list. That being said, hitting enter key should select the item. onSelect should be the prop that let user decide if menu should be closed or deselect.

Example of working select menu

3. After close the menu, while it's still focused on the toggle button, hit enter won't open the menu. Only pressing the enter key down will keep the menu open.

Evergreen select menu

Example of working select menu

[stale]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

[mshwery]

Looks like this is (mostly) implemented in recent versions.

Update: Nevermind, I misspoke!

[sdoan16]

@mshwery Is anyone working on this?

[mshwery]

We've had a couple stabs at it that haven't landed like #611 #733 that are related. I would take a look at those approaches and discussions first.

[mshwery]

Closing this as 1 has been resolved, and 2 is up for discussion with EG maintainers!