commit 6e4ffedd8d5aeef60198d54c7eaf7ff698563399
author Aaron Tobias <iamgollum@users.noreply.github.com> Wed Nov 13 14:24:29 2019 -0500
committer Antonio Maranhao <30349380+Antonio-Maranhao@users.noreply.github.com> Wed Nov 13 14:24:29 2019 -0500
tree aac3b07b1423cf11d0a864935faf2ee65c930ad5
parent 4ae5bfb2d9ac571543da646b07e14a3e9623a510

UX improvement: disabled on blur input reset for the search bar (#1217)

app/addons/components/components/throttledreacselect.js

diff --git a/app/addons/components/components/throttledreacselect.js b/app/addons/components/components/throttledreacselect.js
index 1fd66e3..a5df5e7 100644
--- a/app/addons/components/components/throttledreacselect.js
+++ b/app/addons/components/components/throttledreacselect.js
@@ -15,7 +15,6 @@
 import ReactSelect from "react-select";
 
 export class ThrottledReactSelectAsync extends React.Component {
-
   constructor(props) {
     super(props);
     this.lastCall = undefined;
@@ -38,13 +37,14 @@
   render() {
     // wrapThrottler() must be called here to ensure a new
     // function is created when props.loadOptions is updated
-    const throttledLoadOptions = this.wrapThrottler(this.props.loadOptions).bind(this);
+    const throttledLoadOptions = this.wrapThrottler(
+      this.props.loadOptions
+    ).bind(this);
     const newProps = {
       ...this.props,
-      loadOptions: throttledLoadOptions
+      loadOptions: throttledLoadOptions,
+      onBlurResetsInput: false
     };
-    return (
-      <ReactSelect.Async {...newProps} />
-    );
+    return <ReactSelect.Async {...newProps} />;
   }
 }