Merge pull request #371 from ryanwersal/select-on-tab-config

Add selectOnTab config option

Author: brianreavis

docs/usage.md

@@ -114,6 +114,12 @@ $(function() {
 		<td valign="top"><code>boolean</code></td>
 		<td valign="top"><code>false</code></td>
 	</tr>
+	<tr>
+		<td valign="top"><code>selectOnTab</code></td>
+		<td valign="top">If true, the tab key will choose the currently selected item.</td>
+		<td valign="top"><code>boolean</code></td>
+		<td valign="top"><code>false</code></td>
+	</tr>
 	<tr>
 		<th valign="top" colspan="4" align="left"><a href="#data_searching" name="data_searching">Data / Searching</a></th>
 	</tr>

src/defaults.js

@@ -12,6 +12,7 @@ Selectize.defaults = {
 	maxItems: null,
 	hideSelected: null,
 	addPrecedence: false,
+	selectOnTab: false,
 	preload: false,
 
 	scrollDuration: 60,

src/selectize.js

@@ -431,7 +431,7 @@ $.extend(Selectize.prototype, {
 				self.advanceSelection(1, e);
 				return;
 			case KEY_TAB:
-				if (self.isOpen && self.$activeOption) {
+				if (self.settings.selectOnTab && self.isOpen && self.$activeOption) {
 					self.onOptionSelect({currentTarget: self.$activeOption});
 				}
 				if (self.settings.create && self.createItem()) {