feat: add option 'showArrow'

selectize · Dec 23, 2022 · b7d625c · b7d625c
1 parent 4b6b563
commit b7d625c
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 4 deletions.
diff --git a/src/defaults.js b/src/defaults.js
@@ -63,6 +63,7 @@ Selectize.defaults = {
 
   ignoreOnDropwdownHeight: 'img, i',
   search: true,
+  showArrow: true,
 
   /*
   load                 : null, // function(query, callback) { ... }

diff --git a/src/scss/selectize.scss b/src/scss/selectize.scss
@@ -340,7 +340,7 @@ $select-spinner-border-color: $select-color-border;
     cursor: text;
   }
 
-  &:after {
+  &:not(.no-arrow):after {
     content: " ";
     display: block;
     position: absolute;
@@ -353,7 +353,7 @@ $select-spinner-border-color: $select-color-border;
     border-width: $select-arrow-size $select-arrow-size 0 $select-arrow-size;
     border-color: $select-arrow-color transparent transparent transparent;
   }
-  &.dropdown-active:after {
+  &:not(.no-arrow).dropdown-active:after {
     margin-top: $select-arrow-size * -0.8;
     border-width: 0 $select-arrow-size $select-arrow-size $select-arrow-size;
     border-color: transparent transparent $select-arrow-color transparent;

diff --git a/src/selectize.js b/src/selectize.js
@@ -129,12 +129,14 @@ $.extend(Selectize.prototype, {
 		var classes;
 		var classes_plugins;
 		var inputId;
+    var noArrowClass;
 
 		inputMode         = self.settings.mode;
-		classes           = $input.attr('class') || '';
+    classes           = $input.attr('class') || '';
+    noArrowClass      = settings.showArrow ? '' : ' no-arrow';
 
     $wrapper          = $('<div>').addClass(settings.wrapperClass).addClass(classes + ' selectize-control').addClass(inputMode);
-		$control          = $('<div>').addClass(settings.inputClass + ' selectize-input items').appendTo($wrapper);
+		$control          = $('<div>').addClass(settings.inputClass + noArrowClass + ' selectize-input items').appendTo($wrapper);
 		$control_input    = $('<input type="text" autocomplete="new-password" autofill="no" />').appendTo($control).attr('tabindex', $input.is(':disabled') ? '-1' : self.tabIndex);
 		$dropdown_parent  = $(settings.dropdownParent || $wrapper);
 		$dropdown         = $('<div>').addClass(settings.dropdownClass).addClass(inputMode + ' selectize-dropdown').hide().appendTo($dropdown_parent);