Merge pull request JedWatson#1248 from IvanLeonenko/creatable-input-keys

Fix for Creatable doesn't allow input key down handling. Issue JedWatson#1247
underdogio · Sep 25, 2016 · 962f138 · 962f138
2 parents 3b7dad8 + d2ff4a9
commit 962f138
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 1 deletion.
diff --git a/src/Creatable.js b/src/Creatable.js
@@ -157,7 +157,7 @@ const Creatable = React.createClass({
 	},
 
 	onInputKeyDown (event) {
-		const { shouldKeyDownEventCreateNewOption } = this.props;
+		const { shouldKeyDownEventCreateNewOption, onInputKeyDown } = this.props;
 		const focusedOption = this.select.getFocusedOption();
 
 		if (
@@ -169,6 +169,8 @@ const Creatable = React.createClass({
 
 			// Prevent decorated Select from doing anything additional with this keyDown event
 			event.preventDefault();
+		} else if (onInputKeyDown) {
+			onInputKeyDown(event);
 		}
 	},
 

diff --git a/test/Creatable-test.js b/test/Creatable-test.js
@@ -232,4 +232,9 @@ describe('Creatable', () => {
 		expect(test(188), 'to be', true);
 		expect(test(1), 'to be', false);
 	});
+
+	it('default :onInputKeyDown should run user provided handler.', (done) => {
+		createControl({ onInputKeyDown: event => done() });
+		return creatableInstance.onInputKeyDown({ keyCode: 97 });
+	});
 });