@syncfusion/ej2-dropdowns 25.2.4 → 25.2.6

package/styles/drop-down-tree/material3-dark.css

@@ -464,6 +464,9 @@
 .e-ddt.e-popup .e-selectall-parent {
   border-bottom-color: rgba(var(--color-sf-outline-variant));
 }
+.e-ddt.e-popup .e-selectall-parent:focus {
+  background: rgba(var(--color-sf-on-surface), 0.05);
+}
 .e-ddt.e-popup .e-selectall-parent .e-all-text {
   color: rgba(var(--color-sf-on-surface));
 }

package/styles/drop-down-tree/material3.css

@@ -520,6 +520,9 @@
 .e-ddt.e-popup .e-selectall-parent {
   border-bottom-color: rgba(var(--color-sf-outline-variant));
 }
+.e-ddt.e-popup .e-selectall-parent:focus {
+  background: rgba(var(--color-sf-on-surface), 0.05);
+}
 .e-ddt.e-popup .e-selectall-parent .e-all-text {
   color: rgba(var(--color-sf-on-surface));
 }

package/styles/drop-down-tree/tailwind-dark.css

@@ -527,6 +527,9 @@
 .e-ddt.e-popup .e-selectall-parent {
   border-bottom-color: #4b5563;
 }
+.e-ddt.e-popup .e-selectall-parent:focus {
+  background: #4b5563;
+}
 .e-ddt.e-popup .e-selectall-parent .e-all-text {
   color: #fff;
 }

package/styles/drop-down-tree/tailwind.css

@@ -527,6 +527,9 @@
 .e-ddt.e-popup .e-selectall-parent {
   border-bottom-color: #e5e7eb;
 }
+.e-ddt.e-popup .e-selectall-parent:focus {
+  background: #f3f4f6;
+}
 .e-ddt.e-popup .e-selectall-parent .e-all-text {
   color: #111827;
 }

package/styles/fabric-dark.css

@@ -1146,6 +1146,9 @@ ejs-dropdownlist {
 .e-ddt.e-popup .e-selectall-parent {
   border-bottom-color: #414040;
 }
+.e-ddt.e-popup .e-selectall-parent:focus {
+  background: #414040;
+}
 .e-ddt.e-popup .e-selectall-parent .e-all-text {
   color: #dadada;
 }

package/styles/fabric.css

@@ -1140,6 +1140,9 @@ ejs-dropdownlist {
 .e-ddt.e-popup .e-selectall-parent {
   border-bottom-color: #eaeaea;
 }
+.e-ddt.e-popup .e-selectall-parent:focus {
+  background: #f4f4f4;
+}
 .e-ddt.e-popup .e-selectall-parent .e-all-text {
   color: rgba(51, 51, 51, 0.87);
 }

package/styles/fluent-dark.css

@@ -1284,6 +1284,9 @@ ejs-dropdownlist {
 .e-ddt.e-popup .e-selectall-parent {
   border-bottom-color: #292827;
 }
+.e-ddt.e-popup .e-selectall-parent:focus {
+  background: #252423;
+}
 .e-ddt.e-popup .e-selectall-parent .e-all-text {
   color: #f3f2f1;
 }

package/styles/fluent.css

@@ -1284,6 +1284,9 @@ ejs-dropdownlist {
 .e-ddt.e-popup .e-selectall-parent {
   border-bottom-color: #edebe9;
 }
+.e-ddt.e-popup .e-selectall-parent:focus {
+  background: #f3f2f1;
+}
 .e-ddt.e-popup .e-selectall-parent .e-all-text {
   color: #201f1e;
 }

package/styles/highcontrast-light.css

@@ -1158,6 +1158,9 @@ ejs-dropdownlist {
 .e-ddt.e-popup .e-selectall-parent {
   border-bottom-color: #757575;
 }
+.e-ddt.e-popup .e-selectall-parent:focus {
+  background: #ecf;
+}
 .e-ddt.e-popup .e-selectall-parent .e-all-text {
   color: #000;
 }

package/styles/highcontrast.css

@@ -1162,6 +1162,9 @@ ejs-dropdownlist {
 .e-ddt.e-popup .e-selectall-parent {
   border-bottom-color: #fff;
 }
+.e-ddt.e-popup .e-selectall-parent:focus {
+  background: #685708;
+}
 .e-ddt.e-popup .e-selectall-parent .e-all-text {
   color: #fff;
 }

package/styles/material-dark.css

@@ -1498,6 +1498,9 @@ ejs-dropdownlist {
 .e-ddt.e-popup .e-selectall-parent {
   border-bottom-color: rgba(0, 0, 0, 0.12);
 }
+.e-ddt.e-popup .e-selectall-parent:focus {
+  background: rgba(255, 255, 255, 0.1);
+}
 .e-ddt.e-popup .e-selectall-parent .e-all-text {
   color: #fff;
 }

package/styles/material.css

@@ -1545,6 +1545,9 @@ ejs-dropdownlist {
 .e-ddt.e-popup .e-selectall-parent {
   border-bottom-color: rgba(0, 0, 0, 0.12);
 }
+.e-ddt.e-popup .e-selectall-parent:focus {
+  background: #f5f5f5;
+}
 .e-ddt.e-popup .e-selectall-parent .e-all-text {
   color: rgba(0, 0, 0, 0.87);
 }

package/styles/material3-dark.css

@@ -1269,6 +1269,9 @@ ejs-dropdownlist {
 .e-ddt.e-popup .e-selectall-parent {
   border-bottom-color: rgba(var(--color-sf-outline-variant));
 }
+.e-ddt.e-popup .e-selectall-parent:focus {
+  background: rgba(var(--color-sf-on-surface), 0.05);
+}
 .e-ddt.e-popup .e-selectall-parent .e-all-text {
   color: rgba(var(--color-sf-on-surface));
 }
@@ -1477,7 +1480,7 @@ ejs-dropdownlist {
 }
 
 .e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker::before {
-  content: "\e208";
+  content: "\e7e7";
   font-size: 16px;
   height: 16px;
   margin-top: -8px;
@@ -1486,7 +1489,7 @@ ejs-dropdownlist {
 
 .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker::before,
 .e-small .e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker::before {
-  content: "\e208";
+  content: "\e7e7";
   font-size: 14px;
   height: 14px;
   margin-top: -7px;
@@ -1495,7 +1498,7 @@ ejs-dropdownlist {
 
 .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker::before,
 .e-bigger .e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker::before {
-  content: "\e208";
+  content: "\e7e7";
   font-size: 20px;
   height: 20px;
   left: 0;
@@ -1507,7 +1510,7 @@ ejs-dropdownlist {
 .e-bigger.e-small .e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker::before,
 .e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker::before,
 .e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker::before {
-  content: "\e208";
+  content: "\e7e7";
   font-size: 18px;
   height: 18px;
   left: 0;
@@ -1539,6 +1542,7 @@ ejs-dropdownlist {
 .e-multiselect.e-input-group.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
 .e-multiselect.e-outline.e-input-group.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon {
   margin: 7px 12px 9px 0;
+  min-height: fit-content;
 }
 
 .e-multiselect.e-input-group.e-outline.e-bigger .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
@@ -1744,7 +1748,7 @@ ejs-dropdownlist {
 .e-bigger.e-small .e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker::before,
 .e-bigger .e-small.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker::before,
 .e-small .e-bigger.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker::before {
-  content: "\e208";
+  content: "\e7e7";
   font-size: 16px;
   height: 16px;
   padding: 0;
@@ -1794,6 +1798,7 @@ ejs-dropdownlist {
 .e-multiselect.e-input-group.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
 .e-multiselect.e-filled.e-input-group.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon {
   margin: 10px 0 9px;
+  min-height: fit-content;
 }
 
 .e-multiselect.e-filled.e-input-group.e-float-input.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon {
@@ -1819,6 +1824,7 @@ ejs-dropdownlist {
 .e-small.e-multiselect.e-input-group.e-float-input.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
 .e-small .e-multiselect.e-filled.e-input-group.e-float-input.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon {
   margin: 0 12px 4px 0;
+  min-width: fit-content;
 }
 
 .e-bigger.e-multiselect.e-input-group.e-filled.e-float-input .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
@@ -2553,7 +2559,7 @@ ejs-dropdownlist {
   top: 1px;
 }
 
-.e-small .e-multiselect .e-input-group-icon.e-ddl-icon {
+.e-small .e-multiselect:not(.e-outline):not(.e-filled) .e-input-group-icon.e-ddl-icon {
   top: 6px;
 }
 
@@ -2638,7 +2644,7 @@ ejs-multiselect {
   margin-top: -1.7em;
   height: 22px;
   width: 22px;
-  line-height: 2px;
+  line-height: normal;
 }
 
 .e-small .e-multi-select-wrapper {

package/styles/material3.css

@@ -1325,6 +1325,9 @@ ejs-dropdownlist {
 .e-ddt.e-popup .e-selectall-parent {
   border-bottom-color: rgba(var(--color-sf-outline-variant));
 }
+.e-ddt.e-popup .e-selectall-parent:focus {
+  background: rgba(var(--color-sf-on-surface), 0.05);
+}
 .e-ddt.e-popup .e-selectall-parent .e-all-text {
   color: rgba(var(--color-sf-on-surface));
 }
@@ -1533,7 +1536,7 @@ ejs-dropdownlist {
 }
 
 .e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker::before {
-  content: "\e208";
+  content: "\e7e7";
   font-size: 16px;
   height: 16px;
   margin-top: -8px;
@@ -1542,7 +1545,7 @@ ejs-dropdownlist {
 
 .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker::before,
 .e-small .e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker::before {
-  content: "\e208";
+  content: "\e7e7";
   font-size: 14px;
   height: 14px;
   margin-top: -7px;
@@ -1551,7 +1554,7 @@ ejs-dropdownlist {
 
 .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker::before,
 .e-bigger .e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker::before {
-  content: "\e208";
+  content: "\e7e7";
   font-size: 20px;
   height: 20px;
   left: 0;
@@ -1563,7 +1566,7 @@ ejs-dropdownlist {
 .e-bigger.e-small .e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker::before,
 .e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker::before,
 .e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker::before {
-  content: "\e208";
+  content: "\e7e7";
   font-size: 18px;
   height: 18px;
   left: 0;
@@ -1595,6 +1598,7 @@ ejs-dropdownlist {
 .e-multiselect.e-input-group.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
 .e-multiselect.e-outline.e-input-group.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon {
   margin: 7px 12px 9px 0;
+  min-height: fit-content;
 }
 
 .e-multiselect.e-input-group.e-outline.e-bigger .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
@@ -1800,7 +1804,7 @@ ejs-dropdownlist {
 .e-bigger.e-small .e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker::before,
 .e-bigger .e-small.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker::before,
 .e-small .e-bigger.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker::before {
-  content: "\e208";
+  content: "\e7e7";
   font-size: 16px;
   height: 16px;
   padding: 0;
@@ -1850,6 +1854,7 @@ ejs-dropdownlist {
 .e-multiselect.e-input-group.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
 .e-multiselect.e-filled.e-input-group.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon {
   margin: 10px 0 9px;
+  min-height: fit-content;
 }
 
 .e-multiselect.e-filled.e-input-group.e-float-input.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon {
@@ -1875,6 +1880,7 @@ ejs-dropdownlist {
 .e-small.e-multiselect.e-input-group.e-float-input.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
 .e-small .e-multiselect.e-filled.e-input-group.e-float-input.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon {
   margin: 0 12px 4px 0;
+  min-width: fit-content;
 }
 
 .e-bigger.e-multiselect.e-input-group.e-filled.e-float-input .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
@@ -2609,7 +2615,7 @@ ejs-dropdownlist {
   top: 1px;
 }
 
-.e-small .e-multiselect .e-input-group-icon.e-ddl-icon {
+.e-small .e-multiselect:not(.e-outline):not(.e-filled) .e-input-group-icon.e-ddl-icon {
   top: 6px;
 }
 
@@ -2694,7 +2700,7 @@ ejs-multiselect {
   margin-top: -1.7em;
   height: 22px;
   width: 22px;
-  line-height: 2px;
+  line-height: normal;
 }
 
 .e-small .e-multi-select-wrapper {

package/styles/multi-select/_layout.scss

@@ -1012,7 +1012,7 @@
   }
 }
 
-.e-small .e-multiselect .e-input-group-icon.e-ddl-icon {
+.e-small .e-multiselect:not(.e-outline):not(.e-filled) .e-input-group-icon.e-ddl-icon {
   @if $ddl-multiselect-skin-name == 'Material3' {
     top: 6px;
   }
@@ -1150,7 +1150,7 @@ ejs-multiselect {
     margin-top: $ddl-small-close-hooker-margin-top;
     height: $ddl-small-chip-close-hooker-height;
     width: $ddl-small-chip-close-hooker-width;
-    line-height: 2px;
+    line-height: normal;
   }
 }
 

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

@@ -198,7 +198,7 @@
 
   .e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker::before {
     @if $ddl-multiselect-skin-name == 'Material3' {
-      content: '\e208';
+      content: '\e7e7';
       font-size: 16px;
       height: 16px;
       margin-top: -8px;
@@ -209,7 +209,7 @@
   .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker::before,
   .e-small .e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker::before {
     @if $ddl-multiselect-skin-name == 'Material3' {
-      content: '\e208';
+      content: '\e7e7';
       font-size: 14px;
       height: 14px;
       margin-top: -7px;
@@ -220,7 +220,7 @@
   .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker::before,
   .e-bigger .e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker::before {
     @if $ddl-multiselect-skin-name == 'Material3' {
-      content: '\e208';
+      content: '\e7e7';
       font-size: 20px;
       height: 20px;
       left: 0;
@@ -234,7 +234,7 @@
   .e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker::before,
   .e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker::before {
     @if $ddl-multiselect-skin-name == 'Material3' {
-      content: '\e208';
+      content: '\e7e7';
       font-size: 18px;
       height: 18px;
       left: 0;
@@ -278,6 +278,7 @@
   .e-multiselect.e-outline.e-input-group.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon {
     @if $ddl-multiselect-skin-name == 'Material3' {
       margin: 7px 12px 9px 0;
+      min-height: fit-content;
     }
   }
 
@@ -511,7 +512,7 @@
   .e-bigger.e-small .e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker::before,
   .e-bigger .e-small.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker::before,
   .e-small .e-bigger.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker::before {
-    content: '\e208';
+    content: '\e7e7';
     font-size: 16px;
     height: 16px;
     padding: 0;
@@ -569,6 +570,7 @@
   .e-multiselect.e-filled.e-input-group.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon {
     @if $ddl-multiselect-skin-name == 'Material3' {
       margin: 10px 0 9px;
+      min-height: fit-content;
     }
   }
 
@@ -602,6 +604,7 @@
   .e-small .e-multiselect.e-filled.e-input-group.e-float-input.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon {
     @if $ddl-multiselect-skin-name == 'Material3' {
       margin: 0 12px 4px 0;
+      min-width: fit-content;
     }
   }
 

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

@@ -268,7 +268,7 @@
 }
 
 .e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker::before {
-  content: "\e208";
+  content: "\e7e7";
   font-size: 16px;
   height: 16px;
   margin-top: -8px;
@@ -277,7 +277,7 @@
 
 .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker::before,
 .e-small .e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker::before {
-  content: "\e208";
+  content: "\e7e7";
   font-size: 14px;
   height: 14px;
   margin-top: -7px;
@@ -286,7 +286,7 @@
 
 .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker::before,
 .e-bigger .e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker::before {
-  content: "\e208";
+  content: "\e7e7";
   font-size: 20px;
   height: 20px;
   left: 0;
@@ -298,7 +298,7 @@
 .e-bigger.e-small .e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker::before,
 .e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker::before,
 .e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker::before {
-  content: "\e208";
+  content: "\e7e7";
   font-size: 18px;
   height: 18px;
   left: 0;
@@ -330,6 +330,7 @@
 .e-multiselect.e-input-group.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
 .e-multiselect.e-outline.e-input-group.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon {
   margin: 7px 12px 9px 0;
+  min-height: fit-content;
 }
 
 .e-multiselect.e-input-group.e-outline.e-bigger .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
@@ -535,7 +536,7 @@
 .e-bigger.e-small .e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker::before,
 .e-bigger .e-small.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker::before,
 .e-small .e-bigger.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker::before {
-  content: "\e208";
+  content: "\e7e7";
   font-size: 16px;
   height: 16px;
   padding: 0;
@@ -585,6 +586,7 @@
 .e-multiselect.e-input-group.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
 .e-multiselect.e-filled.e-input-group.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon {
   margin: 10px 0 9px;
+  min-height: fit-content;
 }
 
 .e-multiselect.e-filled.e-input-group.e-float-input.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon {
@@ -610,6 +612,7 @@
 .e-small.e-multiselect.e-input-group.e-float-input.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
 .e-small .e-multiselect.e-filled.e-input-group.e-float-input.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon {
   margin: 0 12px 4px 0;
+  min-width: fit-content;
 }
 
 .e-bigger.e-multiselect.e-input-group.e-filled.e-float-input .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
@@ -1344,7 +1347,7 @@
   top: 1px;
 }
 
-.e-small .e-multiselect .e-input-group-icon.e-ddl-icon {
+.e-small .e-multiselect:not(.e-outline):not(.e-filled) .e-input-group-icon.e-ddl-icon {
   top: 6px;
 }
 
@@ -1429,7 +1432,7 @@ ejs-multiselect {
   margin-top: -1.7em;
   height: 22px;
   width: 22px;
-  line-height: 2px;
+  line-height: normal;
 }
 
 .e-small .e-multi-select-wrapper {

package/styles/multi-select/material3.css

@@ -324,7 +324,7 @@
 }
 
 .e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker::before {
-  content: "\e208";
+  content: "\e7e7";
   font-size: 16px;
   height: 16px;
   margin-top: -8px;
@@ -333,7 +333,7 @@
 
 .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker::before,
 .e-small .e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker::before {
-  content: "\e208";
+  content: "\e7e7";
   font-size: 14px;
   height: 14px;
   margin-top: -7px;
@@ -342,7 +342,7 @@
 
 .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker::before,
 .e-bigger .e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker::before {
-  content: "\e208";
+  content: "\e7e7";
   font-size: 20px;
   height: 20px;
   left: 0;
@@ -354,7 +354,7 @@
 .e-bigger.e-small .e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker::before,
 .e-bigger .e-small.e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker::before,
 .e-small .e-bigger.e-multiselect.e-outline .e-multi-select-wrapper .e-close-hooker::before {
-  content: "\e208";
+  content: "\e7e7";
   font-size: 18px;
   height: 18px;
   left: 0;
@@ -386,6 +386,7 @@
 .e-multiselect.e-input-group.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
 .e-multiselect.e-outline.e-input-group.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon {
   margin: 7px 12px 9px 0;
+  min-height: fit-content;
 }
 
 .e-multiselect.e-input-group.e-outline.e-bigger .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
@@ -591,7 +592,7 @@
 .e-bigger.e-small .e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker::before,
 .e-bigger .e-small.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker::before,
 .e-small .e-bigger.e-filled .e-multi-select-wrapper .e-chips-close.e-close-hooker::before {
-  content: "\e208";
+  content: "\e7e7";
   font-size: 16px;
   height: 16px;
   padding: 0;
@@ -641,6 +642,7 @@
 .e-multiselect.e-input-group.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
 .e-multiselect.e-filled.e-input-group.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon {
   margin: 10px 0 9px;
+  min-height: fit-content;
 }
 
 .e-multiselect.e-filled.e-input-group.e-float-input.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon {
@@ -666,6 +668,7 @@
 .e-small.e-multiselect.e-input-group.e-float-input.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
 .e-small .e-multiselect.e-filled.e-input-group.e-float-input.e-control-wrapper .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon {
   margin: 0 12px 4px 0;
+  min-width: fit-content;
 }
 
 .e-bigger.e-multiselect.e-input-group.e-filled.e-float-input .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
@@ -1400,7 +1403,7 @@
   top: 1px;
 }
 
-.e-small .e-multiselect .e-input-group-icon.e-ddl-icon {
+.e-small .e-multiselect:not(.e-outline):not(.e-filled) .e-input-group-icon.e-ddl-icon {
   top: 6px;
 }
 
@@ -1485,7 +1488,7 @@ ejs-multiselect {
   margin-top: -1.7em;
   height: 22px;
   width: 22px;
-  line-height: 2px;
+  line-height: normal;
 }
 
 .e-small .e-multi-select-wrapper {

package/styles/tailwind-dark.css

@@ -1298,6 +1298,9 @@ ejs-dropdownlist {
 .e-ddt.e-popup .e-selectall-parent {
   border-bottom-color: #4b5563;
 }
+.e-ddt.e-popup .e-selectall-parent:focus {
+  background: #4b5563;
+}
 .e-ddt.e-popup .e-selectall-parent .e-all-text {
   color: #fff;
 }

package/styles/tailwind.css

@@ -1298,6 +1298,9 @@ ejs-dropdownlist {
 .e-ddt.e-popup .e-selectall-parent {
   border-bottom-color: #e5e7eb;
 }
+.e-ddt.e-popup .e-selectall-parent:focus {
+  background: #f3f4f6;
+}
 .e-ddt.e-popup .e-selectall-parent .e-all-text {
   color: #111827;
 }