@syncfusion/ej2-dropdowns 20.2.40 → 20.2.43-3197

package/styles/multi-select/_tailwind-definition.scss

@@ -4,7 +4,7 @@ $ddl-delim-font-size: $text-sm !default;
 $ddl-rtl-wrapper: 0 2px 0 32px !default;
 $ddl-chip-mobile-bg: $primary !default;
 $ddl-search-wrapper-width: calc(100% - 32px) !default;
-$ddl-bigger-search-wrapper-width: calc(100% - 38px) !default;
+$ddl-bigger-search-wrapper-width: calc(100% - 50px) !default;
 $ddl-bigger-small-search-wrapper-width: calc(100% - 32px) !default;
 $ddl-small-search-wrapper-width: calc(100% - 30px) !default;
 $ddl-popup-shadow-value: $shadow-lg !default;
@@ -19,8 +19,11 @@ $ddl-chip-padding: 0 4px 0 8px !default;
 $ddl-chip-close-top: 0 !default;
 $ddl-chip-close-left: 0 !default;
 $ddl-chip-close-margin: 0 0 0 !default;
+$ddl-chip-close-rtl-margin: 0 0 0 !default;
 $ddl-chip-close-square: $text-base !default;
+$ddl-chip-close-width: $text-base !default;
 $ddl-chip-hooker-square: 28px !default;
+$ddl-chip-hooker-width: 28px !default;
 $ddl-chip-close-font: $text-base !default;
 $ddl-chip-height: 22px !default;
 $ddl-chip-mobile-height: 30px !default;
@@ -75,6 +78,7 @@ $ddl-sel-chip-close-mobile-left: 12px !default;
 $ddl-chip-sel-mobile-close-height: 40px !default;
 $ddl-chip-sel-mobile-close-margin: 0 0 0 0 !default;
 $ddl-input-text-indent: 10px !default;
+$ddl-input-placeholder-padding: 4px 0 4px 12px !default;
 $ddl-rtl-chip-sel-close-left: -12px !default;
 $ddl-popup-active-focus-border-width: 1px !default;
 $ddl-popup-active-focus-shadow-item: none !default;
@@ -127,18 +131,22 @@ $ddl-small-clear-icon-width: 28px !default;
 $ddl-bigger-small-clear-icon-height: 32px !default;
 $ddl-bigger-small-clear-icon-width: 32px !default;
 $ddl-bigger-chip-close-square: $text-xl !default;
+$ddl-bigger-chip-close-width: $text-xl !default;
 $ddl-bigger-chip-close-font: $text-xl !default;
+
 // Small size
 $ddl-select-all-height-small: 24px !default;
 $ddl-small-chip-height: 18px !default;
 $ddl-chip-small-font-size: 12px !default;
 $ddl-small-chip-close-square: $text-sm !default;
+$ddl-small-chip-close-width: $text-sm !default;
 $ddl-small-chip-close-font: $text-sm !default;
 $ddl-control-small-height: 24px !default;
 $ddl-small-input-height: 24px !default;
 $ddl-delim-small-font-size: 12px !default;
 $ddl-small-closer-margin-top: -1.65em !default;
 $ddl-chip-close-hooker-small-left: 6px !default;
+$ddl-chip-close-hooker-small-bigger-left: 6px !default;
 $ddl-delimviewheight-small: 24px !default;
 $ddl-multiselect-filled-input-min-height-small: 32px !default;
 $ddl-multiselect-filled-float-input-min-height-small: 22px !default;
@@ -154,6 +162,7 @@ $ddl-multiselect-filled-floatlabel-fontsize-bigger: 12px !default;
 $ddl-select-all-height-bigger-small: 32px !default;
 $ddl-bigger-small-chip-height: 26px !default;
 $ddl-bigger-small-chip-close-square: $text-lg !default;
+$ddl-bigger-small-chip-close-width: $text-lg !default;
 $ddl-bigger-small-chip-close-font: $text-lg !default;
 $ddl-control-bigger-small-height: 28px !default;
 $ddl-bigger-small-input-height: 32px !default;
@@ -189,7 +198,6 @@ $ddl-delim-font-color: $content-text-color !default;
 $ddl-close-icon-color: $icon-color !default;
 $ddl-close-icon-hover-color: $icon-color-hover !default;
 
-
 @include export-module('multiselect-tailwind') {
   .e-multi-select-wrapper .e-chips-collection .e-chips .e-chips-close.e-icon::before {
     line-height: 30px;
@@ -217,9 +225,8 @@ $ddl-close-icon-hover-color: $icon-color-hover !default;
     width: $ddl-chip-hooker-square;
   }
 
-  .e-multi-select-wrapper .e-searcher input[type='text'] {
+  .e-multi-select-wrapper .e-searcher input[type = 'text'] {
     color: $content-text-color;
     height: 100%;
   }
 }
-  

package/styles/multi-select/_theme.scss

@@ -1,4 +1,4 @@
-.e-multi-select-wrapper .e-chips.e-chip-selected .e-chips-close::before {
+.e-multi-select-wrapper .e-chips.e-chip-selected .e-chips-close::before {
   color: $ddl-sel-chip-close;
 }
 
@@ -14,19 +14,19 @@
   box-sizing: border-box;
 }
 
-// sass-lint:disable no-vendor-prefixes
-.e-multi-select-wrapper .e-chips>.e-chipcontent {
+/* stylelint-disable property-no-vendor-prefix */
+.e-multi-select-wrapper .e-chips > .e-chipcontent {
   -webkit-text-fill-color: $ddl-chip-font-color;
   color: $ddl-chip-font-color;
   font-family: $ddl-chip-font-family;
   font-size: $ddl-chip-font-size;
 }
 
-.e-multi-select-wrapper .e-chips.e-chip-selected>.e-chipcontent {
+.e-multi-select-wrapper .e-chips.e-chip-selected > .e-chipcontent {
   color: $ddl-sel-chip-font-color;
 }
 
-.e-multi-select-wrapper .e-chips.e-chip-selected>.e-chipcontent:hover {
+.e-multi-select-wrapper .e-chips.e-chip-selected > .e-chipcontent:hover {
   color: $ddl-sel-chip-hover-font-color;
 }
 
@@ -40,7 +40,7 @@
   background-color: $ddl-chip-hover-bg-color;
 }
 
-.e-multi-select-wrapper .e-chips>.e-chipcontent:hover {
+.e-multi-select-wrapper .e-chips > .e-chipcontent:hover {
   color: $ddl-chip-hover-font-color;
 }
 
@@ -94,7 +94,6 @@
   color: $ddl-multi-list-default-font-color;
 }
 
-
 #{&}.e-popup.e-multi-select-list-wrapper.e-checkbox .e-dropdownbase .e-list-item.e-active,
 #{&}.e-popup.e-multi-select-list-wrapper.e-checkbox .e-dropdownbase .e-list-item.e-active.e-hover {
   @if $ddl-multiselect-skin-name == 'tailwind' {
@@ -203,23 +202,19 @@
   border: $ddl-popup-normal-border-width solid transparent;
 }
 
-// sass-lint:disable no-vendor-prefixes
-.e-multi-select-wrapper input.e-dropdownbase:-moz-placeholder {
+.e-multi-select-wrapper input.e-dropdownbase:-moz-placeholder {/* stylelint-disable-line selector-no-vendor-prefix */
   color: $ddl-input-placeholder;
 }
 
-// sass-lint:disable no-vendor-prefixes
-.e-multi-select-wrapper input.e-dropdownbase::-moz-placeholder {
+.e-multi-select-wrapper input.e-dropdownbase::-moz-placeholder {/* stylelint-disable-line selector-no-vendor-prefix */
   color: $ddl-input-placeholder;
 }
 
-// sass-lint:disable no-vendor-prefixes
-.e-multi-select-wrapper input.e-dropdownbase:-ms-input-placeholder {
+.e-multi-select-wrapper input.e-dropdownbase:-ms-input-placeholder {/* stylelint-disable-line selector-no-vendor-prefix */
   color: $ddl-input-placeholder;
 }
 
-// sass-lint:disable no-vendor-prefixes
-.e-multi-select-wrapper input.e-dropdownbase::-webkit-input-placeholder {
+.e-multi-select-wrapper input.e-dropdownbase::-webkit-input-placeholder {/* stylelint-disable-line selector-no-vendor-prefix */
   color: $ddl-input-placeholder;
 }
 
@@ -300,7 +295,7 @@ e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselct-group.e-checkbox .e-list-
   height: $ddl-small-chip-height;
 }
 
-.e-small .e-multi-select-wrapper .e-chips>.e-chipcontent {
+.e-small .e-multi-select-wrapper .e-chips > .e-chipcontent {
   font-size: $ddl-chip-small-font-size;
 }
 
@@ -316,6 +311,10 @@ e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselct-group.e-checkbox .e-list-
   left: $ddl-chip-close-hooker-small-left;
 }
 
+.e-small.e-bigger .e-multi-select-wrapper .e-close-hooker::before {
+  left: $ddl-chip-close-hooker-small-bigger-left;
+}
+
 .e-small .e-multi-select-wrapper .e-down-icon .e-close-hooker::before {
   @if $ddl-multiselect-skin-name == 'FluentUI' {
     left: $ddl-small-down-icon-left;
@@ -327,7 +326,7 @@ e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselct-group.e-checkbox .e-list-
   height: $ddl-bigger-small-chip-height;
 }
 
-.e-bigger.e-small .e-multi-select-wrapper .e-chips>.e-chipcontent {
+.e-bigger.e-small .e-multi-select-wrapper .e-chips > .e-chipcontent {
   font-size: $ddl-chip-bigger-small-font-size;
 }
 
@@ -386,15 +385,15 @@ e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselct-group.e-checkbox .e-list-
   }
 }
 
-.e-multiselect.e-outline .e-multi-select-wrapper .e-chips.e-chip-selected>.e-chipcontent,
-.e-multiselect.e-filled .e-multi-select-wrapper .e-chips.e-chip-selected>.e-chipcontent {
+.e-multiselect.e-outline .e-multi-select-wrapper .e-chips.e-chip-selected > .e-chipcontent,
+.e-multiselect.e-filled .e-multi-select-wrapper .e-chips.e-chip-selected > .e-chipcontent {
   @if $ddl-multiselect-skin-name == 'material' {
     color: $ddl-chip-font-color;
   }
 }
 
-.e-multiselect.e-outline .e-multi-select-wrapper .e-chips.e-chip-selected>.e-chipcontent:hover,
-.e-multiselect.e-filled .e-multi-select-wrapper .e-chips.e-chip-selected>.e-chipcontent:hover {
+.e-multiselect.e-outline .e-multi-select-wrapper .e-chips.e-chip-selected > .e-chipcontent:hover,
+.e-multiselect.e-filled .e-multi-select-wrapper .e-chips.e-chip-selected > .e-chipcontent:hover {
   @if $ddl-multiselect-skin-name == 'material' {
     color: $ddl-chip-font-color;
   }

package/styles/multi-select/bootstrap-dark.css

@@ -1,3 +1,5 @@
+/* stylelint-disable property-no-vendor-prefix */
+/* stylelint-disable property-no-vendor-prefix */
 @keyframes material-spinner-rotate {
   0% {
     transform: rotate(0);
@@ -320,6 +322,10 @@
   width: 30px;
 }
 
+.e-rtl .e-multi-select-wrapper .e-chips-close {
+  margin: 0 0 0;
+}
+
 .e-multi-select-wrapper .e-mob-chip.e-chips .e-chips-close {
   margin: 1px 0 0;
 }
@@ -359,12 +365,12 @@
   border: 0;
   font-family: inherit;
   font-size: 15px;
-  font-weight: 400;
+  font-weight: normal;
   height: 32px;
   min-height: 32px;
   outline: none;
-  padding: 0;
-  text-indent: 6px;
+  padding: 0 0 0 12px;
+  text-indent: 0;
 }
 
 .e-multiselect.e-filled .e-multi-select-wrapper input[type=text] {
@@ -373,7 +379,7 @@
   color: inherit;
   font-family: inherit;
   font-size: 14px;
-  font-weight: 400;
+  font-weight: normal;
   height: 32px;
   min-height: 32px;
   outline: none;
@@ -396,6 +402,7 @@
   min-height: 38px;
 }
 
+/* stylelint-disable property-no-vendor-prefix */
 .e-multi-select-wrapper input[type=text]::-ms-clear {
   display: none;
 }
@@ -1020,6 +1027,20 @@ ejs-multiselect {
   display: none;
 }
 
+.e-multiselect.e-input-group.e-control-wrapper .e-input-group-icon {
+  margin-right: 0;
+}
+
+.e-multiselect.e-control-container.e-input-group.e-disabled .e-input-group-icon.e-ddl-icon.e-icons,
+.e-multiselect.e-control-container.e-input-group.e-disabled .e-clear-icon {
+  cursor: not-allowed;
+}
+
+.e-multiselect.e-control-wrapper.e-control-container.e-input-group.e-checkbox .e-multi-select-wrapper.e-down-icon,
+.e-multiselect.e-control-wrapper.e-control-container.e-input-group.e-checkbox .e-multi-select-wrapper.e-down-icon .e-multi-searcher .e-dropdownbase.e-control.e-multiselect.e-lib {
+  cursor: pointer;
+}
+
 .e-multi-select-wrapper .e-chips.e-chip-selected .e-chips-close::before {
   color: #f0f0f0;
 }
@@ -1036,6 +1057,7 @@ ejs-multiselect {
   box-sizing: border-box;
 }
 
+/* stylelint-disable property-no-vendor-prefix */
 .e-multi-select-wrapper .e-chips > .e-chipcontent {
   -webkit-text-fill-color: #f0f0f0;
   color: #f0f0f0;
@@ -1164,19 +1186,19 @@ ejs-multiselect {
   border: 1px solid transparent;
 }
 
-.e-multi-select-wrapper input.e-dropdownbase:-moz-placeholder {
+.e-multi-select-wrapper input.e-dropdownbase:-moz-placeholder { /* stylelint-disable-line selector-no-vendor-prefix */
   color: #767676;
 }
 
-.e-multi-select-wrapper input.e-dropdownbase::-moz-placeholder {
+.e-multi-select-wrapper input.e-dropdownbase::-moz-placeholder { /* stylelint-disable-line selector-no-vendor-prefix */
   color: #767676;
 }
 
-.e-multi-select-wrapper input.e-dropdownbase:-ms-input-placeholder {
+.e-multi-select-wrapper input.e-dropdownbase:-ms-input-placeholder { /* stylelint-disable-line selector-no-vendor-prefix */
   color: #767676;
 }
 
-.e-multi-select-wrapper input.e-dropdownbase::-webkit-input-placeholder {
+.e-multi-select-wrapper input.e-dropdownbase::-webkit-input-placeholder { /* stylelint-disable-line selector-no-vendor-prefix */
   color: #767676;
 }
 
@@ -1213,6 +1235,10 @@ ejs-multiselect {
   left: 8px;
 }
 
+.e-small.e-bigger .e-multi-select-wrapper .e-close-hooker::before {
+  left: 8px;
+}
+
 .e-bigger.e-small .e-multi-select-wrapper .e-chips {
   height: 28px;
 }

package/styles/multi-select/bootstrap.css

@@ -1,3 +1,5 @@
+/* stylelint-disable property-no-vendor-prefix */
+/* stylelint-disable property-no-vendor-prefix */
 @keyframes material-spinner-rotate {
   0% {
     transform: rotate(0);
@@ -318,6 +320,10 @@
   width: 30px;
 }
 
+.e-rtl .e-multi-select-wrapper .e-chips-close {
+  margin: 0 0 0;
+}
+
 .e-multi-select-wrapper .e-mob-chip.e-chips .e-chips-close {
   margin: 1px 0 0;
 }
@@ -357,12 +363,12 @@
   border: 0;
   font-family: inherit;
   font-size: 15px;
-  font-weight: 400;
+  font-weight: normal;
   height: 32px;
   min-height: 32px;
   outline: none;
-  padding: 0;
-  text-indent: 6px;
+  padding: 0 0 0 12px;
+  text-indent: 0;
 }
 
 .e-multiselect.e-filled .e-multi-select-wrapper input[type=text] {
@@ -371,7 +377,7 @@
   color: inherit;
   font-family: inherit;
   font-size: 14px;
-  font-weight: 400;
+  font-weight: normal;
   height: 32px;
   min-height: 32px;
   outline: none;
@@ -394,6 +400,7 @@
   min-height: 38px;
 }
 
+/* stylelint-disable property-no-vendor-prefix */
 .e-multi-select-wrapper input[type=text]::-ms-clear {
   display: none;
 }
@@ -1018,6 +1025,20 @@ ejs-multiselect {
   display: none;
 }
 
+.e-multiselect.e-input-group.e-control-wrapper .e-input-group-icon {
+  margin-right: 0;
+}
+
+.e-multiselect.e-control-container.e-input-group.e-disabled .e-input-group-icon.e-ddl-icon.e-icons,
+.e-multiselect.e-control-container.e-input-group.e-disabled .e-clear-icon {
+  cursor: not-allowed;
+}
+
+.e-multiselect.e-control-wrapper.e-control-container.e-input-group.e-checkbox .e-multi-select-wrapper.e-down-icon,
+.e-multiselect.e-control-wrapper.e-control-container.e-input-group.e-checkbox .e-multi-select-wrapper.e-down-icon .e-multi-searcher .e-dropdownbase.e-control.e-multiselect.e-lib {
+  cursor: pointer;
+}
+
 .e-multi-select-wrapper .e-chips.e-chip-selected .e-chips-close::before {
   color: #333;
 }
@@ -1034,6 +1055,7 @@ ejs-multiselect {
   box-sizing: border-box;
 }
 
+/* stylelint-disable property-no-vendor-prefix */
 .e-multi-select-wrapper .e-chips > .e-chipcontent {
   -webkit-text-fill-color: #333;
   color: #333;
@@ -1162,19 +1184,19 @@ ejs-multiselect {
   border: 1px solid transparent;
 }
 
-.e-multi-select-wrapper input.e-dropdownbase:-moz-placeholder {
+.e-multi-select-wrapper input.e-dropdownbase:-moz-placeholder { /* stylelint-disable-line selector-no-vendor-prefix */
   color: #999;
 }
 
-.e-multi-select-wrapper input.e-dropdownbase::-moz-placeholder {
+.e-multi-select-wrapper input.e-dropdownbase::-moz-placeholder { /* stylelint-disable-line selector-no-vendor-prefix */
   color: #999;
 }
 
-.e-multi-select-wrapper input.e-dropdownbase:-ms-input-placeholder {
+.e-multi-select-wrapper input.e-dropdownbase:-ms-input-placeholder { /* stylelint-disable-line selector-no-vendor-prefix */
   color: #999;
 }
 
-.e-multi-select-wrapper input.e-dropdownbase::-webkit-input-placeholder {
+.e-multi-select-wrapper input.e-dropdownbase::-webkit-input-placeholder { /* stylelint-disable-line selector-no-vendor-prefix */
   color: #999;
 }
 
@@ -1211,6 +1233,10 @@ ejs-multiselect {
   left: 8px;
 }
 
+.e-small.e-bigger .e-multi-select-wrapper .e-close-hooker::before {
+  left: 8px;
+}
+
 .e-bigger.e-small .e-multi-select-wrapper .e-chips {
   height: 28px;
 }

package/styles/multi-select/bootstrap4.css

@@ -1,3 +1,5 @@
+/* stylelint-disable property-no-vendor-prefix */
+/* stylelint-disable property-no-vendor-prefix */
 @keyframes material-spinner-rotate {
   0% {
     transform: rotate(0);
@@ -67,7 +69,7 @@
 
 .e-bigger .e-multi-select-wrapper .e-chips-close {
   height: 30px;
-  width: 30px;
+  width: auto;
 }
 
 .e-popup.e-multi-select-list-wrapper .e-list-item.e-active.e-item-focus.e-hover {
@@ -130,7 +132,7 @@
 .e-multi-select-wrapper .e-chips .e-chips-close::before {
   content: "\e745";
   cursor: pointer;
-  left: 10px;
+  left: 0;
   position: relative;
   top: 8px;
 }
@@ -139,7 +141,7 @@
   content: "\e745";
   cursor: pointer;
   height: 10px;
-  left: 10px;
+  left: 0;
   position: relative;
   top: 10px;
 }
@@ -395,8 +397,12 @@
   float: right;
   font-family: "e-icons";
   height: 24px;
-  margin: 0 0 0;
-  width: 24px;
+  margin: 10px 10px 10px 0;
+  width: auto;
+}
+
+.e-rtl .e-multi-select-wrapper .e-chips-close {
+  margin: 8px 0 8px 20px;
 }
 
 .e-multi-select-wrapper .e-mob-chip.e-chips .e-chips-close {
@@ -411,7 +417,7 @@
   position: absolute;
   right: 0;
   top: 100%;
-  width: 29px;
+  width: auto;
 }
 
 .e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
@@ -444,12 +450,12 @@
   border: 0;
   font-family: inherit;
   font-size: 14px;
-  font-weight: 400;
+  font-weight: normal;
   height: 29px;
   min-height: 29px;
   outline: none;
-  padding: 0;
-  text-indent: 6px;
+  padding: 0 0 0 8px;
+  text-indent: 0;
 }
 
 .e-multiselect.e-filled .e-multi-select-wrapper input[type=text] {
@@ -458,7 +464,7 @@
   color: inherit;
   font-family: inherit;
   font-size: 14px;
-  font-weight: 400;
+  font-weight: normal;
   height: 29px;
   min-height: 29px;
   outline: none;
@@ -482,6 +488,7 @@
   min-height: 36px;
 }
 
+/* stylelint-disable property-no-vendor-prefix */
 .e-multi-select-wrapper input[type=text]::-ms-clear {
   display: none;
 }
@@ -827,7 +834,7 @@ ejs-multiselect {
 
 .e-small .e-multi-select-wrapper .e-chips-close {
   height: 18px;
-  width: 18px;
+  width: auto;
 }
 
 .e-small .e-multi-select-wrapper {
@@ -860,7 +867,8 @@ ejs-multiselect {
 
 .e-bigger.e-small .e-multi-select-wrapper .e-chips-close {
   height: 24px;
-  width: 24px;
+  width: auto;
+  margin: 3px 10px 10px 0;
 }
 
 .e-bigger.e-small .e-multi-select-wrapper {
@@ -879,7 +887,7 @@ ejs-multiselect {
 
 .e-bigger.e-small .e-multi-select-wrapper .e-chips-close.e-close-hooker,
 .e-bigger.e-small .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
-  margin-top: -2.9em;
+  margin-top: -2.5em;
   right: 0;
 }
 
@@ -1118,6 +1126,20 @@ ejs-multiselect {
   display: none;
 }
 
+.e-multiselect.e-input-group.e-control-wrapper .e-input-group-icon {
+  margin-right: 0;
+}
+
+.e-multiselect.e-control-container.e-input-group.e-disabled .e-input-group-icon.e-ddl-icon.e-icons,
+.e-multiselect.e-control-container.e-input-group.e-disabled .e-clear-icon {
+  cursor: not-allowed;
+}
+
+.e-multiselect.e-control-wrapper.e-control-container.e-input-group.e-checkbox .e-multi-select-wrapper.e-down-icon,
+.e-multiselect.e-control-wrapper.e-control-container.e-input-group.e-checkbox .e-multi-select-wrapper.e-down-icon .e-multi-searcher .e-dropdownbase.e-control.e-multiselect.e-lib {
+  cursor: pointer;
+}
+
 .e-multi-select-wrapper .e-chips.e-chip-selected .e-chips-close::before {
   color: #fff;
 }
@@ -1134,6 +1156,7 @@ ejs-multiselect {
   box-sizing: border-box;
 }
 
+/* stylelint-disable property-no-vendor-prefix */
 .e-multi-select-wrapper .e-chips > .e-chipcontent {
   -webkit-text-fill-color: #fff;
   color: #fff;
@@ -1266,19 +1289,19 @@ ejs-multiselect {
   border: 1px solid transparent;
 }
 
-.e-multi-select-wrapper input.e-dropdownbase:-moz-placeholder {
+.e-multi-select-wrapper input.e-dropdownbase:-moz-placeholder { /* stylelint-disable-line selector-no-vendor-prefix */
   color: #6c757d;
 }
 
-.e-multi-select-wrapper input.e-dropdownbase::-moz-placeholder {
+.e-multi-select-wrapper input.e-dropdownbase::-moz-placeholder { /* stylelint-disable-line selector-no-vendor-prefix */
   color: #6c757d;
 }
 
-.e-multi-select-wrapper input.e-dropdownbase:-ms-input-placeholder {
+.e-multi-select-wrapper input.e-dropdownbase:-ms-input-placeholder { /* stylelint-disable-line selector-no-vendor-prefix */
   color: #6c757d;
 }
 
-.e-multi-select-wrapper input.e-dropdownbase::-webkit-input-placeholder {
+.e-multi-select-wrapper input.e-dropdownbase::-webkit-input-placeholder { /* stylelint-disable-line selector-no-vendor-prefix */
   color: #6c757d;
 }
 
@@ -1322,7 +1345,7 @@ ejs-multiselect {
 }
 
 .e-small .e-multi-select-wrapper .e-chips .e-chips-close::before {
-  left: 6px;
+  left: 0;
   top: 5px;
   font-size: 8px;
 }
@@ -1331,6 +1354,10 @@ ejs-multiselect {
   left: 4px;
 }
 
+.e-small.e-bigger .e-multi-select-wrapper .e-close-hooker::before {
+  left: 4px;
+}
+
 .e-bigger.e-small .e-multi-select-wrapper .e-chips {
   height: 30px;
 }
@@ -1340,7 +1367,7 @@ ejs-multiselect {
 }
 
 .e-bigger.e-small .e-multi-select-wrapper .e-chips .e-chips-close::before {
-  left: 13px;
+  left: 0;
   top: 11px;
   font-size: 10px;
 }