Few minor fix (#1961)

* fix: focus called twice / dropdown width

* fix: passing test, focus doesn't work

* fix: set position dropdown before is showing

* fix: const reasigned

* fix : doc spelling error

* fix: ignore right click on option

* fix: set text as value if text falsy

Author: fabienwnklr

docs/src/components/Examples/Plugins/SelectOnFocus.js

@@ -46,7 +46,7 @@ export default function SelectOnFocus() {
       </CodeBlock>
       <CodeBlock className="language-javascript" title="Javascript">
         {`$("#select-on-focus").selectize({
-  plugins: ["restore_on_backspace"]
+  plugins: ["select_on_focus"]
 });`}
       </CodeBlock>
     </div>

src/selectize.jquery.js

@@ -94,8 +94,8 @@ $.fn.selectize = function (settings_user) {
       }
 
       var option = readData($option) || {};
-      option[field_label] = option[field_label] || $option.text();
       option[field_value] = option[field_value] || value;
+      option[field_label] = option[field_label] || $option.text() || option[field_value];
       option[field_disabled] = option[field_disabled] || $option.prop('disabled');
       option[field_optgroup] = option[field_optgroup] || group;
       option.styles = $option.attr('style') || '';

src/selectize.js

@@ -423,6 +423,11 @@ $.extend(Selectize.prototype, {
 		var defaultPrevented = e.isDefaultPrevented();
 		var $target = $(e.target);
 
+    // prevent right click on option
+		if (e.button && e.button === 2) {
+			return;
+		}
+
 		if (!self.isFocused) {
 			// give control focus
 			if (!defaultPrevented) {
@@ -751,6 +756,11 @@ $.extend(Selectize.prototype, {
 			e.stopPropagation();
 		}
 
+		// prevent right click on option
+		if (e.button && e.button === 2) {
+			return;
+		}
+
 		$target = $(e.currentTarget);
 		if ($target.hasClass('create')) {
 			self.createItem(null, function() {