fix(dropdowns): all previous item selection with arrow key (#391)

Author: Austin Green

packages/dropdowns/src/Dropdown/Dropdown.tsx

@@ -164,6 +164,9 @@ const Dropdown: React.FunctionComponent<IDropdownProps> = props => {
             } else {
               onSelect && onSelect(changes.selectedItem, stateAndHelpers);
             }
+
+            // Reset input value when item is selected
+            stateAndHelpers.setState({ inputValue: '' });
           }
 
           onStateChange && onStateChange(changes, stateAndHelpers);

packages/dropdowns/src/examples/menu.md

@@ -106,13 +106,13 @@ initialState = {
     </MediaItem>
     <Separator />
     <StyledItemWrapper>
-      <Item value="clipboard-action">
+      <Item value="clipboard-action" title="Clipboard action">
         <ClipboardSvg />
       </Item>
-      <Item value="box-action">
+      <Item value="box-action" title="Box action">
         <BoxSvg />
       </Item>
-      <Item value="database-action">
+      <Item value="database-action" title="Database action">
         <DatabaseSvg />
       </Item>
     </StyledItemWrapper>