@syncfusion/ej2-angular-dropdowns 20.2.40 → 20.2.43-1234

package/styles/multi-select/_layout.scss

@@ -104,6 +104,9 @@
     display: none;
     flex-direction: row;
     margin-top: $ddl-clear-margin-top;
+    @if $ddl-multiselect-skin-name == 'tailwind' {
+      margin-top: -1.45em;
+    }
     outline: 0;
     padding: 0;
     position: absolute;
@@ -260,7 +263,11 @@
   font-family: 'e-icons';
   height: $ddl-chip-close-square;
   margin: $ddl-chip-close-margin;
-  width: $ddl-chip-close-square;
+  width: $ddl-chip-close-width;
+}
+
+.e-rtl .e-multi-select-wrapper .e-chips-close {
+  margin: $ddl-chip-close-rtl-margin;
 }
 
 .e-multi-select-wrapper .e-mob-chip.e-chips .e-chips-close {
@@ -275,7 +282,7 @@
   position: absolute;
   right: $ddl-chip-hooker-right;
   top: $ddl-closer-hooker-top;
-  width: $ddl-chip-hooker-square;
+  width: $ddl-chip-hooker-width;
 }
 
 .e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
@@ -388,6 +395,7 @@
   }
   @if $ddl-multiselect-skin-name == 'tailwind' {
     height: $ddl-bigger-clear-icon-height;
+    margin-top: $ddl-clear-margin-top;
     width: $ddl-bigger-clear-icon-width;
   }
 }
@@ -412,8 +420,8 @@
   height: $ddl-input-height;
   min-height: $ddl-input-height;
   outline: none;
-  padding: 0;
-  text-indent: $ddl-input-text-indent;
+  padding: $ddl-input-placeholder-padding;
+  text-indent: 0;
 }
 
 .e-multiselect.e-filled .e-multi-select-wrapper input[type = 'text'] {
@@ -990,7 +998,7 @@ ejs-multiselect {
 .e-bigger .e-multi-select-wrapper .e-chips-close {
   @if $ddl-multiselect-skin-name == 'tailwind' {
     height: $ddl-bigger-chip-close-square;
-    width: $ddl-bigger-chip-close-square;
+    width: $ddl-bigger-chip-close-width;
   }
 }
 
@@ -1012,7 +1020,7 @@ ejs-multiselect {
 
 .e-small .e-multi-select-wrapper .e-chips-close {
   height: $ddl-small-chip-close-square;
-  width: $ddl-small-chip-close-square;
+  width: $ddl-small-chip-close-width;
 }
 
 .e-small .e-multi-select-wrapper {
@@ -1081,7 +1089,10 @@ ejs-multiselect {
 
 .e-bigger.e-small .e-multi-select-wrapper .e-chips-close {
   height: $ddl-bigger-small-chip-close-square;
-  width: $ddl-bigger-small-chip-close-square;
+  width: $ddl-bigger-small-chip-close-width;
+  @if $ddl-multiselect-skin-name == 'bootstrap4' {
+    margin: 3px 10px 10px 0;
+  }
 }
 
 .e-bigger.e-small .e-multi-select-wrapper {
@@ -1989,3 +2000,17 @@ ejs-multiselect {
 .e-multiselect.e-readonly.e-control-wrapper.e-input-group.e-control-container.e-input-group :not(.e-disabled).e-multi-select-wrapper:hover .e-clear-icon {
   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;
+}

package/styles/multi-select/_material-dark-definition.scss

@@ -35,8 +35,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: 16px !default;
+$ddl-chip-close-width: 16px !default;
 $ddl-chip-hooker-square: 24px !default;
+$ddl-chip-hooker-width: 24px !default;
 $ddl-chip-close-font: 16px !default;
 $ddl-chip-height: 24px !default;
 $ddl-chip-mobile-height: 28px !default;
@@ -84,6 +87,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: 0 !default;
+$ddl-input-placeholder-padding: 4px 0 4px 0 !default;
 $ddl-rtl-chip-sel-close-left: -12px !default;
 $ddl-popup-active-focus-bg-color: $grey-800 !default;
 $ddl-popup-active-focus-font-color: $accent !default;
@@ -135,12 +139,14 @@ $ddl-select-all-height-bigger-small: 40px !default;
 $ddl-small-chip-height: 20px !default;
 $ddl-chip-small-font-size: 12px !default;
 $ddl-small-chip-close-square: 14px !default;
+$ddl-small-chip-close-width: 14px !default;
 $ddl-small-chip-close-font: 14px !default;
 $ddl-control-small-height: 24px !default;
 $ddl-small-input-height: 26px !default;
 $ddl-delim-small-font-size: 12px !default;
 $ddl-small-closer-margin-top: -2.5em !default;
 $ddl-chip-close-hooker-small-left: 6px !default;
+$ddl-chip-close-hooker-small-bigger-left: 6px !default;
 $ddl-delimviewheight-small: 26px !default;
 
 // Touch Small size
@@ -148,6 +154,7 @@ $ddl-select-all-height-bigger-small: 40px !default;
 $ddl-bigger-small-chip-height: 24px !default;
 $ddl-chip-bigger-small-font-size: 13px !default;
 $ddl-bigger-small-chip-close-square: 16px !default;
+$ddl-bigger-small-chip-close-width: 16px !default;
 $ddl-bigger-small-chip-close-font: 16px !default;
 $ddl-control-bigger-small-height: 28px !default;
 $ddl-bigger-small-input-height: 34px !default;

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

@@ -34,8 +34,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: 16px !default;
+$ddl-chip-close-width: 16px !default;
 $ddl-chip-hooker-square: 24px !default;
+$ddl-chip-hooker-width: 24px !default;
 $ddl-chip-close-font: 16px !default;
 $ddl-chip-height: 24px !default;
 $ddl-chip-mobile-height: 28px !default;
@@ -83,6 +86,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: 0 !default;
+$ddl-input-placeholder-padding: 4px 0 4px 0 !default;
 $ddl-rtl-chip-sel-close-left: -12px !default;
 $ddl-popup-active-focus-bg-color: $grey-300 !default;
 $ddl-popup-active-focus-font-color: $accent !default;
@@ -138,12 +142,14 @@ $ddl-select-all-height-small: 26px !default;
 $ddl-small-chip-height: 20px !default;
 $ddl-chip-small-font-size: 12px !default;
 $ddl-small-chip-close-square: 14px !default;
+$ddl-small-chip-close-width: 14px !default;
 $ddl-small-chip-close-font: 14px !default;
 $ddl-control-small-height: 24px !default;
 $ddl-small-input-height: 26px !default;
 $ddl-delim-small-font-size: 12px !default;
 $ddl-small-closer-margin-top: -2.5em !default;
 $ddl-chip-close-hooker-small-left: 6px !default;
+$ddl-chip-close-hooker-small-bigger-left: 6px !default;
 $ddl-delimviewheight-small: 26px !default;
 $ddl-multiselect-filled-input-min-height-small: 32px !default;
 $ddl-multiselect-filled-float-input-min-height-small: 22px !default;
@@ -160,6 +166,7 @@ $ddl-select-all-height-bigger-small: 40px !default;
 $ddl-bigger-small-chip-height: 22px !default;
 $ddl-chip-bigger-small-font-size: 13px !default;
 $ddl-bigger-small-chip-close-square: 16px !default;
+$ddl-bigger-small-chip-close-width: 16px !default;
 $ddl-bigger-small-chip-close-font: 16px !default;
 $ddl-control-bigger-small-height: 28px !default;
 $ddl-bigger-small-input-height: 28px !default;

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

@@ -20,8 +20,11 @@ $ddl-chip-padding: 0 6px 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: 14px !default;
+$ddl-chip-close-width: 14px !default;
 $ddl-chip-hooker-square: 24px !default;
+$ddl-chip-hooker-width: 24px !default;
 $ddl-chip-close-font: 14px !default;
 $ddl-chip-height: 24px !default;
 $ddl-chip-mobile-height: 30px !default;
@@ -122,12 +125,14 @@ $ddl-select-all-height-small: 26px !default;
 $ddl-small-chip-height: 20px !default;
 $ddl-chip-small-font-size: 12px !default;
 $ddl-small-chip-close-square: 12px !default;
+$ddl-small-chip-close-width: 12px !default;
 $ddl-small-chip-close-font: 12px !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: -2em !default;
 $ddl-chip-close-hooker-small-left: 0 !default;
+$ddl-chip-close-hooker-small-bigger-left: 0 !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;
@@ -140,12 +145,14 @@ $ddl-multiselect-filled-float-input-min-height-bigger: 36px !default;
 $ddl-multiselect-filled-floatlabel-fontsize-bigger: 12px !default;
 $ddl-bigger-chip-close-font: 14px !default;
 $ddl-bigger-chip-close-square: 14px !default;
+$ddl-bigger-chip-close-width: 14px !default;
 
 // Touch Small size
 $ddl-select-all-height-bigger-small: 40px !default;
 $ddl-bigger-small-chip-height: 26px !default;
 $ddl-chip-bigger-small-font-size: 13px !default;
 $ddl-bigger-small-chip-close-square: 14px !default;
+$ddl-bigger-small-chip-close-width: 14px !default;
 $ddl-bigger-small-chip-close-font: 14px !default;
 $ddl-control-bigger-small-height: 28px !default;
 $ddl-bigger-small-input-height: 32px !default;

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,6 +131,7 @@ $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
@@ -134,12 +139,14 @@ $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;
@@ -155,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;

package/styles/multi-select/_theme.scss

@@ -311,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;

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

@@ -322,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;
 }
@@ -365,8 +369,8 @@
   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] {
@@ -1023,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;
 }
@@ -1217,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

@@ -320,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;
 }
@@ -363,8 +367,8 @@
   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] {
@@ -1021,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;
 }
@@ -1215,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

@@ -69,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 {
@@ -132,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;
 }
@@ -141,7 +141,7 @@
   content: "\e745";
   cursor: pointer;
   height: 10px;
-  left: 10px;
+  left: 0;
   position: relative;
   top: 10px;
 }
@@ -397,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 {
@@ -413,7 +417,7 @@
   position: absolute;
   right: 0;
   top: 100%;
-  width: 29px;
+  width: auto;
 }
 
 .e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
@@ -450,8 +454,8 @@
   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] {
@@ -830,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 {
@@ -863,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 {
@@ -882,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;
 }
 
@@ -1121,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;
 }
@@ -1326,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;
 }
@@ -1335,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;
 }
@@ -1344,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;
 }

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

@@ -363,6 +363,10 @@
   width: 14px;
 }
 
+.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: 3px 0 0;
 }
@@ -381,7 +385,7 @@
 .e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
 .e-small.e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
 .e-multiselect.e-input-group.e-control-container .e-multi-select-wrapper.e-down-icon .e-clear-icon {
-  right: 40px;
+  right: 30px;
 }
 
 .e-bigger.e-small .e-multiselect .e-down-icon .e-chips-close.e-close-hooker {
@@ -389,7 +393,7 @@
 }
 
 .e-multiselect.e-input-group.e-control-container.e-rtl .e-multi-select-wrapper.e-down-icon .e-clear-icon {
-  left: 40px;
+  left: 30px;
   right: auto;
 }
 
@@ -425,8 +429,8 @@
   height: 30px;
   min-height: 30px;
   outline: none;
-  padding: 0;
-  text-indent: 8px;
+  padding: 0 0 0 8px;
+  text-indent: 0;
 }
 
 .e-multiselect.e-filled .e-multi-select-wrapper input[type=text] {
@@ -598,7 +602,7 @@
   padding: 12px 4px;
 }
 .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips-close.e-close-hooker {
-  left: 40px;
+  left: 30px;
   position: absolute;
   right: auto;
   left: 0;
@@ -1102,6 +1106,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;
 }
@@ -1297,6 +1315,10 @@ ejs-multiselect {
   left: 0;
 }
 
+.e-small.e-bigger .e-multi-select-wrapper .e-close-hooker::before {
+  left: 0;
+}
+
 .e-bigger.e-small .e-multi-select-wrapper .e-chips {
   height: 26px;
 }

package/styles/multi-select/bootstrap5.css

@@ -363,6 +363,10 @@
   width: 14px;
 }
 
+.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: 3px 0 0;
 }
@@ -381,7 +385,7 @@
 .e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
 .e-small.e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
 .e-multiselect.e-input-group.e-control-container .e-multi-select-wrapper.e-down-icon .e-clear-icon {
-  right: 40px;
+  right: 30px;
 }
 
 .e-bigger.e-small .e-multiselect .e-down-icon .e-chips-close.e-close-hooker {
@@ -389,7 +393,7 @@
 }
 
 .e-multiselect.e-input-group.e-control-container.e-rtl .e-multi-select-wrapper.e-down-icon .e-clear-icon {
-  left: 40px;
+  left: 30px;
   right: auto;
 }
 
@@ -425,8 +429,8 @@
   height: 30px;
   min-height: 30px;
   outline: none;
-  padding: 0;
-  text-indent: 8px;
+  padding: 0 0 0 8px;
+  text-indent: 0;
 }
 
 .e-multiselect.e-filled .e-multi-select-wrapper input[type=text] {
@@ -598,7 +602,7 @@
   padding: 12px 4px;
 }
 .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips-close.e-close-hooker {
-  left: 40px;
+  left: 30px;
   position: absolute;
   right: auto;
   left: 0;
@@ -1102,6 +1106,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: #212529;
 }
@@ -1297,6 +1315,10 @@ ejs-multiselect {
   left: 0;
 }
 
+.e-small.e-bigger .e-multi-select-wrapper .e-close-hooker::before {
+  left: 0;
+}
+
 .e-bigger.e-small .e-multi-select-wrapper .e-chips {
   height: 26px;
 }