special handing for backspace if inputValue contains one character

uebelack · Mar 16, 2017 · 28244c7 · 28244c7
1 parent 2249f26
commit 28244c7
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 0 deletions.
diff --git a/src/Select.js b/src/Select.js
@@ -479,6 +479,8 @@ const Select = React.createClass({
 				if (!this.state.inputValue && this.props.backspaceRemoves) {
 					event.preventDefault();
 					this.popValue();
+				} else if (this.props.backspaceRemoves && this.state.inputValue.length === 1) {
+					this.popValue();
 				}
 			return;
 			case 9: // tab

diff --git a/test/Select-test.js b/test/Select-test.js
@@ -1782,6 +1782,14 @@ describe('Select', () => {
 			expect(onChange, 'was called with', [{ label: 'Four', value: 'four' }]);
 		});
 
+		it('removes the last selected option with backspace when search text is set', () => {
+			typeSearchText('a');
+			setValueProp(['four','three']);
+			onChange.reset();  // Ignore previous onChange calls
+			pressBackspace();
+			expect(onChange, 'was called with', [{ label: 'Four', value: 'four' }]);
+		});
+
 		it('does not remove the last selected option with backspace when backspaceRemoves=false', () => {
 
 			// Disable backspace