Merge pull request #381 from jilliankeenan/PDS-511

(PDS-511) Bugfix for autocomplete select not staying open when typing

Author: vine77

packages/react-components/source/react/internal/option-menu-list/OptionMenuList.js

@@ -20,6 +20,7 @@ import Icon from '../../library/icon';
 const propTypes = {
   id: PropTypes.string.isRequired,
   multiple: PropTypes.bool,
+  autocomplete: PropTypes.bool,
   showCancel: PropTypes.bool,
   options: PropTypes.arrayOf(
     PropTypes.shape({
@@ -49,6 +50,7 @@ const propTypes = {
 const defaultProps = {
   options: [],
   multiple: false,
+  autocomplete: false,
   showCancel: false,
   onBlur() {},
   className: '',
@@ -261,7 +263,7 @@ class OptionMenuList extends Component {
   }
 
   select(value) {
-    const { multiple, selected, onChange } = this.props;
+    const { multiple, selected, onChange, autocomplete, onEscape } = this.props;
 
     if (multiple) {
       const selectionSet = getSelectionSet(selected);
@@ -274,6 +276,9 @@ class OptionMenuList extends Component {
       onChange(Array.from(selectionSet));
     } else {
       onChange(value);
+      if (autocomplete) {
+        onEscape();
+      }
     }
   }
 
@@ -306,6 +311,7 @@ class OptionMenuList extends Component {
       options,
       selected,
       multiple,
+      autocomplete,
       showCancel,
       actionLabel,
       cancelLabel,

packages/react-components/source/react/library/select/Select.js

@@ -192,7 +192,7 @@ class Select extends Component {
       this.setState({ focusedIndex: 0 });
     }
 
-    if (type !== MULTISELECT) {
+    if (type !== MULTISELECT && type !== AUTOCOMPLETE) {
       this.closeAndFocusButton();
     }
   }
@@ -455,6 +455,7 @@ class Select extends Component {
         <OptionMenuList
           id={`${name}-menu`}
           multiple={type === MULTISELECT}
+          autocomplete={type === AUTOCOMPLETE}
           showCancel={type === MULTISELECT && !applyImmediately}
           options={getOptions()}
           selected={listValue}