Merge pull request JedWatson#1289 from DanielHeath/clear-async-after-…

…selection Clear Async options after making a selection
underdogio · Oct 12, 2016 · 47ff3a8 · 47ff3a8
2 parents cf0429b + a7782b3
commit 47ff3a8
Showing 1 changed file with 11 additions and 1 deletion.
diff --git a/src/Async.js b/src/Async.js
@@ -72,6 +72,10 @@ export default class Async extends Component {
 		});
 	}
 
+	clearOptions() {
+		this.setState({ options: [] });
+	}
+
 	loadOptions (inputValue) {
 		const { cache, loadOptions } = this.props;
 
@@ -174,7 +178,13 @@ export default class Async extends Component {
 			noResultsText: this.noResultsText(),
 			placeholder: isLoading ? loadingPlaceholder : placeholder,
 			options: (isLoading && loadingPlaceholder) ? [] : options,
-			ref: (ref) => (this.select = ref)
+			ref: (ref) => (this.select = ref),
+			onChange: (newValues) => {
+				if (this.props.value && (newValues.length > this.props.value.length)) {
+					this.clearOptions();
+				}
+				this.props.onChange(newValues);
+			}
 		};
 
 		return children({