Pressing 'enter' key on Select component does not automatically select an item.

While having a Select component and the drop down menu is active, pressing the ‘enter’ key (without selecting an item) causes the drop down menu to close without passing an item to Select’s field.

Expected Behavior

As a user when the drop down list is active and I haven’t chosen an item from the list I expect to press enter and have the first item automatically selected. The existing functionality with arrow keys should continue to work.

Actual Behavior

Pressing enter just closes the active dropdown menu without passing an item.

URL, screen shot, or Codepen exhibiting the issue

https://codepen.io/Segovia/pen/zdBbex?&editors=0010

Steps to Reproduce

1. Open the drop down menu
2. Press enter without choosing an item
3. The active list closes without a selected item.

Your Environment

• Grommet version: 1.4.1
• Browser Name and version: 60.0.3112.78 (Official Build) (64-bit)
• Operating System and version (desktop or mobile): 4.12.3-1-ARCH

There is the onEnter function, that can be found here that handles that specific behavior. I believe that pressing enter should:

• Select the item that the user selected (with arrow keys).
• Select the first item on the list/drop down menu if none was selected by the user.

[george-aidonidis]

@dgennetten I am thinking that I did not make a good job on explaining the second bullet. Here is a more detailed explanation:

• User opens the drop down menu.
• User types an item in order to filter it from the list. The item comes up first to the list.
• User presses enter (without selecting it with arrow keys) and the item becomes selected.

This does not happen here (user presses enter and the item on top does not become selected).

[mariosant]

Thank you for your response, @karatechops .