From 3ee7d8652491a60a7c552ff7eb8a2ce782fec3e5 Mon Sep 17 00:00:00 2001
From: Ryan Zec <code@ryanzec.com>
Date: Mon, 27 Jun 2016 08:04:56 -0400
Subject: [PATCH] fixed issue with chrome showing some extra spacing below the
 input in certain circumstances

---
 src/Select.js | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/Select.js b/src/Select.js
index 99115a29bd..a91e0de747 100644
--- 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);
 		}
 	},