clicking down arrow or enter in multisearch combo now expands, closes #5565

control/src/multi-select.tsx

@@ -346,13 +346,13 @@ export class MultiSelect extends AbstractSelect<Props, State> {
     };
 
     public onSearchKeyDown = (event: KeyboardEvent) => {
+        const { open } = this.state;
+
+        if (open) {
             if (this.handleResultNavigationKeyDown(event)) {
                 return;
             }
-
+            if (this.hasSearchResults) {
-        const { open } = this.state;
-
-        if (open && this.hasSearchResults) {
                 switch (event.key) {
                     case Key.Enter:
                         this.selectActiveResult();
@@ -366,6 +366,15 @@ export class MultiSelect extends AbstractSelect<Props, State> {
                         break;
                 }
             }
+        } else {
+            switch (event.key) {
+                case Key.ArrowDown:
+                case Key.Down:
+                case Key.Enter:
+                    this.search('', this.props.values, { open: true });
+                    break;
+            }
+        }
     };
 
     public onValueClick = (index: number) => (event: MouseEvent) => {