Changed dropdownOnBackspaceGotoTop to deselectBehavior

Author: anandphulwani

docs/usage.md

@@ -166,10 +166,10 @@ $(function() {
 		<td valign="top"><code>60</code></td>
 	</tr>
 	<tr>
-		<td valign="top"><code>dropdownOnBackspaceGotoTop</code></td>
-		<td valign="top">If an option is selected, the same option is highlighted/marked active in the dropdown, pressing backspace on the input control removes the option and in dropdown the previous element is highlight. When this option is set to `true` it shifts the highlight to the topmost option.</td>
-		<td valign="top"><code>boolean</code></td>
-		<td valign="top"><code>false</code></td>
+		<td valign="top"><code>deselectBehavior</code></td>
+		<td valign="top">If an option is selected, the same option is highlighted/marked active in the dropdown, pressing backspace on the input control removes the option and in dropdown the previous element is highlight. When this option is set to `top` it shifts the highlight to the topmost option. Valid options are `top` and `previous`.</td>
+		<td valign="top"><code>string</code></td>
+		<td valign="top"><code>previous</code></td>
 	</tr>
 	<tr>
 		<td valign="top"><code>loadThrottle</code></td>

src/defaults.js

@@ -26,7 +26,7 @@ Selectize.defaults = {
 	closeAfterSelect: false,
 
 	scrollDuration: 60,
-	dropdownOnBackspaceGotoTop: false,
+	deselectBehavior: 'previous', //top, previous
 	loadThrottle: 300,
 	loadingClass: 'loading',
 

src/selectize.js

@@ -1977,7 +1977,7 @@ $.extend(Selectize.prototype, {
 		selection = getSelection(self.$control_input[0]);
 
 		if (self.$activeOption && !self.settings.hideSelected) {
-			if (typeof self.settings.dropdownOnBackspaceGotoTop === 'boolean' && self.settings.dropdownOnBackspaceGotoTop) {
+			if (typeof self.settings.deselectBehavior === 'string' && self.settings.deselectBehavior === 'top') {
 				option_select = self.getFirstOption().attr('data-value');
 			} else {
 				option_select = self.getAdjacentOption(self.$activeOption, -1).attr('data-value');