fixed issue with chrome showing some extra spacing below the input in…

… certain circumstances
JedWatson · Jun 27, 2016 · 3ee7d86 · 3ee7d86
1 parent c67f0b2
commit 3ee7d86
Showing 1 changed file with 5 additions and 2 deletions.
diff --git a/src/Select.js b/src/Select.js
@@ -513,20 +513,23 @@ const Select = React.createClass({
 	},
 
 	selectValue (value) {
+		//NOTE: update value in the callback to make sure the input value is empty so that there are no sttyling issues (Chrome had issue otherwise)
 		this.hasScrolledToOption = false;
 		if (this.props.multi) {
-			this.addValue(value);
 			this.setState({
 				inputValue: '',
 				focusedIndex: null
+			}, () => {
+				this.addValue(value);
 			});
 		} else {
 			this.setState({
 				isOpen: false,
 				inputValue: '',
 				isPseudoFocused: this.state.isFocused,
+			}, () => {
+				this.setValue(value);
 			});
-			this.setValue(value);
 		}
 	},