Dropdown - arrow keys don't work with Dropdown search in menu example

[GregoryPotdevin]

Steps

• go to https://react.semantic-ui.com/modules/dropdown#dropdown-example-search-in-menu
• open the filter dropdown
• use the arrow keys and observe the console output
  

Expected Result

Dropdown items should be selected when using the arrow keys

Actual Result

Selection using the arrow keys doesn't work, and an error is output in the console :

Version

0.67.2

Testcase

http://codepen.io/GregoryPotdevin/full/GmpOQR/

Cause

Using the arrow keys in a dropdown triggers Dropdown.moveSelectionBy, which fails because there are no options.

Seems non trivial to fix as the dropdown needs to manage its own items for this to work. Might require to add specific code for a "searchable dropdown" (that would use the dropdown menu options logic, but would render both a search input and a title label)

[levithomason]

Duplicate #958, #889

Please note the message above this and several other Dropdown examples:

It is indeed non-trivial, hence the long running issue here. First step is to get Menu shorthand in place and replicate it for the Dropdown.Menu, see #1365 for more on this.

[GregoryPotdevin]

Sorry for the duplicate, not sure how I missed the warning (even though I saw it for other Dropdown features).

[levithomason]

No worries!