@syncfusion/ej2-dropdowns 25.2.7-130084 → 26.1.35-7502

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

@@ -44,7 +44,7 @@
   --color-sf-on-warning: 99, 52, 0;
   --color-sf-on-warning-container: 255, 220, 193;
   --color-sf-spreadsheet-gridline: 231, 224, 236;
-  --color-sf-shadow-focus-ring1: 0 0 0 1px #000000, 0 0 0 3px #ffffff;
+  --color-sf-shadow-focus-ring1: 0 0 0 1px #000, 0 0 0 3px #fff;
   --color-sf-success-text: 0, 0, 0;
   --color-sf-warning-text: 0, 0, 0;
   --color-sf-info-text: 0, 0, 0;
@@ -54,35 +54,79 @@
 }
 
 /* stylelint-disable property-no-vendor-prefix */
+@-webkit-keyframes e-input-ripple {
+  100% {
+    opacity: 0;
+    -webkit-transform: scale(4);
+            transform: scale(4);
+  }
+}
 @keyframes e-input-ripple {
   100% {
     opacity: 0;
-    transform: scale(4);
+    -webkit-transform: scale(4);
+            transform: scale(4);
+  }
+}
+@-webkit-keyframes slideTopUp {
+  from {
+    -webkit-transform: translate3d(0, 0, 0) scale(1);
+            transform: translate3d(0, 0, 0) scale(1);
+  }
+  to {
+    -webkit-transform: translate3d(0, 0, 0) scale(1);
+            transform: translate3d(0, 0, 0) scale(1);
   }
 }
 @keyframes slideTopUp {
   from {
-    transform: translate3d(0, 0, 0) scale(1);
+    -webkit-transform: translate3d(0, 0, 0) scale(1);
+            transform: translate3d(0, 0, 0) scale(1);
   }
   to {
-    transform: translate3d(0, 0, 0) scale(1);
+    -webkit-transform: translate3d(0, 0, 0) scale(1);
+            transform: translate3d(0, 0, 0) scale(1);
   }
 }
 /* stylelint-disable-line no-empty-source */
 /* stylelint-disable property-no-vendor-prefix */
+@-webkit-keyframes material-spinner-rotate {
+  0% {
+    -webkit-transform: rotate(0deg);
+    transform: rotate(0deg);
+  }
+  100% {
+    -webkit-transform: rotate(360deg);
+    transform: rotate(360deg);
+  }
+}
 @keyframes material-spinner-rotate {
   0% {
+    -webkit-transform: rotate(0deg);
     transform: rotate(0deg);
   }
   100% {
+    -webkit-transform: rotate(360deg);
+    transform: rotate(360deg);
+  }
+}
+@-webkit-keyframes fabric-spinner-rotate {
+  0% {
+    -webkit-transform: rotate(0deg);
+    transform: rotate(0deg);
+  }
+  100% {
+    -webkit-transform: rotate(360deg);
     transform: rotate(360deg);
   }
 }
 @keyframes fabric-spinner-rotate {
   0% {
+    -webkit-transform: rotate(0deg);
     transform: rotate(0deg);
   }
   100% {
+    -webkit-transform: rotate(360deg);
     transform: rotate(360deg);
   }
 }
@@ -99,13 +143,21 @@
 }
 
 .e-ddl.e-control-wrapper .e-ddl-icon::before {
-  transform: rotate(0deg);
+  -webkit-transform: rotate(0deg);
+          transform: rotate(0deg);
+  -webkit-transition: -webkit-transform 300ms ease;
+  transition: -webkit-transform 300ms ease;
   transition: transform 300ms ease;
+  transition: transform 300ms ease, -webkit-transform 300ms ease;
 }
 
 .e-ddl.e-control-wrapper.e-icon-anim .e-ddl-icon::before {
-  transform: rotate(180deg);
+  -webkit-transform: rotate(180deg);
+          transform: rotate(180deg);
+  -webkit-transition: -webkit-transform 300ms ease;
+  transition: -webkit-transform 300ms ease;
   transition: transform 300ms ease;
+  transition: transform 300ms ease, -webkit-transform 300ms ease;
 }
 
 .e-dropdownbase .e-list-item.e-active.e-hover {
@@ -122,12 +174,14 @@
 }
 
 .e-input-group .e-ddl-icon:not(:active)::after {
-  animation: none;
+  -webkit-animation: none;
+          animation: none;
 }
 
 .e-ddl.e-popup {
   border: 0;
-  box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
+  -webkit-box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
+          box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
   margin-top: 2px;
 }
 
@@ -148,7 +202,8 @@
 .e-bigger .e-ddl-device .e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) {
   background: rgba(0, 0, 0, 0.0001);
   border-width: 0;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   margin-bottom: 0;
 }
 
@@ -323,7 +378,8 @@
 .e-filter-parent {
   border: 0;
   border-top-width: 0;
-  box-shadow: 0 1.5px 5px -2px rgba(0, 0, 0, 0.3);
+  -webkit-box-shadow: 0 1.5px 5px -2px rgba(0, 0, 0, 0.3);
+          box-shadow: 0 1.5px 5px -2px rgba(0, 0, 0, 0.3);
   display: block;
   padding: 0;
 }
@@ -337,6 +393,7 @@
 }
 
 .e-ddl.e-popup {
+  background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.11)), to(rgba(var(--color-sf-primary), 0.11))), rgba(var(--color-sf-surface));
   background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.11), rgba(var(--color-sf-primary), 0.11)), rgba(var(--color-sf-surface));
   border-radius: 4px;
   position: absolute;
@@ -398,6 +455,7 @@
 .e-float-input.e-control-wrapper input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon,
 .e-float-input.e-input-group input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon,
 .e-float-input.e-input-group.e-control-wrapper input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon {
+  display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
 }
@@ -419,6 +477,7 @@
 .e-float-input.e-static-clear.e-input-group input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide,
 .e-float-input.e-static-clear.e-input-group.e-control-wrapper input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide {
   cursor: pointer;
+  display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
 }
@@ -438,6 +497,11 @@
   pointer-events: none;
 }
 
+.e-ddl.e-popup.e-popup-open .e-list-item.e-disabled {
+  opacity: 0.7;
+  pointer-events: none;
+}
+
 ejs-autocomplete,
 ejs-combobox,
 ejs-dropdownlist {

package/styles/drop-down-list/material3-dark.scss

@@ -1,4 +1,4 @@
-@import 'ej2-base/styles/definition/material3-dark.scss';
+
 
 @import 'ej2-inputs/styles/input/material3-dark-definition.scss';
 @import 'ej2-popups/styles/popup/material3-dark-definition.scss';

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

@@ -100,7 +100,7 @@
   --color-sf-on-warning: 99, 52, 0;
   --color-sf-on-warning-container: 255, 220, 193;
   --color-sf-spreadsheet-gridline: 231, 224, 236;
-  --color-sf-shadow-focus-ring1: 0 0 0 1px #000000, 0 0 0 3px #ffffff;
+  --color-sf-shadow-focus-ring1: 0 0 0 1px #000, 0 0 0 3px #fff;
   --color-sf-success-text: 0, 0, 0;
   --color-sf-warning-text: 0, 0, 0;
   --color-sf-info-text: 0, 0, 0;
@@ -110,35 +110,79 @@
 }
 
 /* stylelint-disable property-no-vendor-prefix */
+@-webkit-keyframes e-input-ripple {
+  100% {
+    opacity: 0;
+    -webkit-transform: scale(4);
+            transform: scale(4);
+  }
+}
 @keyframes e-input-ripple {
   100% {
     opacity: 0;
-    transform: scale(4);
+    -webkit-transform: scale(4);
+            transform: scale(4);
+  }
+}
+@-webkit-keyframes slideTopUp {
+  from {
+    -webkit-transform: translate3d(0, 0, 0) scale(1);
+            transform: translate3d(0, 0, 0) scale(1);
+  }
+  to {
+    -webkit-transform: translate3d(0, 0, 0) scale(1);
+            transform: translate3d(0, 0, 0) scale(1);
   }
 }
 @keyframes slideTopUp {
   from {
-    transform: translate3d(0, 0, 0) scale(1);
+    -webkit-transform: translate3d(0, 0, 0) scale(1);
+            transform: translate3d(0, 0, 0) scale(1);
   }
   to {
-    transform: translate3d(0, 0, 0) scale(1);
+    -webkit-transform: translate3d(0, 0, 0) scale(1);
+            transform: translate3d(0, 0, 0) scale(1);
   }
 }
 /* stylelint-disable-line no-empty-source */
 /* stylelint-disable property-no-vendor-prefix */
+@-webkit-keyframes material-spinner-rotate {
+  0% {
+    -webkit-transform: rotate(0deg);
+    transform: rotate(0deg);
+  }
+  100% {
+    -webkit-transform: rotate(360deg);
+    transform: rotate(360deg);
+  }
+}
 @keyframes material-spinner-rotate {
   0% {
+    -webkit-transform: rotate(0deg);
     transform: rotate(0deg);
   }
   100% {
+    -webkit-transform: rotate(360deg);
+    transform: rotate(360deg);
+  }
+}
+@-webkit-keyframes fabric-spinner-rotate {
+  0% {
+    -webkit-transform: rotate(0deg);
+    transform: rotate(0deg);
+  }
+  100% {
+    -webkit-transform: rotate(360deg);
     transform: rotate(360deg);
   }
 }
 @keyframes fabric-spinner-rotate {
   0% {
+    -webkit-transform: rotate(0deg);
     transform: rotate(0deg);
   }
   100% {
+    -webkit-transform: rotate(360deg);
     transform: rotate(360deg);
   }
 }
@@ -155,13 +199,21 @@
 }
 
 .e-ddl.e-control-wrapper .e-ddl-icon::before {
-  transform: rotate(0deg);
+  -webkit-transform: rotate(0deg);
+          transform: rotate(0deg);
+  -webkit-transition: -webkit-transform 300ms ease;
+  transition: -webkit-transform 300ms ease;
   transition: transform 300ms ease;
+  transition: transform 300ms ease, -webkit-transform 300ms ease;
 }
 
 .e-ddl.e-control-wrapper.e-icon-anim .e-ddl-icon::before {
-  transform: rotate(180deg);
+  -webkit-transform: rotate(180deg);
+          transform: rotate(180deg);
+  -webkit-transition: -webkit-transform 300ms ease;
+  transition: -webkit-transform 300ms ease;
   transition: transform 300ms ease;
+  transition: transform 300ms ease, -webkit-transform 300ms ease;
 }
 
 .e-dropdownbase .e-list-item.e-active.e-hover {
@@ -178,12 +230,14 @@
 }
 
 .e-input-group .e-ddl-icon:not(:active)::after {
-  animation: none;
+  -webkit-animation: none;
+          animation: none;
 }
 
 .e-ddl.e-popup {
   border: 0;
-  box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
+  -webkit-box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
+          box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
   margin-top: 2px;
 }
 
@@ -204,7 +258,8 @@
 .e-bigger .e-ddl-device .e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) {
   background: rgba(0, 0, 0, 0.0001);
   border-width: 0;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   margin-bottom: 0;
 }
 
@@ -379,7 +434,8 @@
 .e-filter-parent {
   border: 0;
   border-top-width: 0;
-  box-shadow: 0 1.5px 5px -2px rgba(0, 0, 0, 0.3);
+  -webkit-box-shadow: 0 1.5px 5px -2px rgba(0, 0, 0, 0.3);
+          box-shadow: 0 1.5px 5px -2px rgba(0, 0, 0, 0.3);
   display: block;
   padding: 0;
 }
@@ -393,6 +449,7 @@
 }
 
 .e-ddl.e-popup {
+  background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-surface), 1)), to(rgba(var(--color-sf-surface), 1))), rgba(var(--color-sf-surface));
   background: linear-gradient(0deg, rgba(var(--color-sf-surface), 1), rgba(var(--color-sf-surface), 1)), rgba(var(--color-sf-surface));
   border-radius: 4px;
   position: absolute;
@@ -454,6 +511,7 @@
 .e-float-input.e-control-wrapper input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon,
 .e-float-input.e-input-group input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon,
 .e-float-input.e-input-group.e-control-wrapper input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon {
+  display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
 }
@@ -475,6 +533,7 @@
 .e-float-input.e-static-clear.e-input-group input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide,
 .e-float-input.e-static-clear.e-input-group.e-control-wrapper input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide {
   cursor: pointer;
+  display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
 }
@@ -494,6 +553,11 @@
   pointer-events: none;
 }
 
+.e-ddl.e-popup.e-popup-open .e-list-item.e-disabled {
+  opacity: 0.7;
+  pointer-events: none;
+}
+
 ejs-autocomplete,
 ejs-combobox,
 ejs-dropdownlist {

package/styles/drop-down-list/material3.scss

@@ -1,4 +1,4 @@
-@import 'ej2-base/styles/definition/material3.scss';
+
 
 @import 'ej2-inputs/styles/input/material3-definition.scss';
 @import 'ej2-popups/styles/popup/material3-definition.scss';

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

@@ -1,19 +1,43 @@
 /* stylelint-disable property-no-vendor-prefix */
 /* stylelint-disable-line no-empty-source */
 /* stylelint-disable property-no-vendor-prefix */
+@-webkit-keyframes material-spinner-rotate {
+  0% {
+    -webkit-transform: rotate(0);
+    transform: rotate(0);
+  }
+  100% {
+    -webkit-transform: rotate(360deg);
+    transform: rotate(360deg);
+  }
+}
 @keyframes material-spinner-rotate {
   0% {
+    -webkit-transform: rotate(0);
     transform: rotate(0);
   }
   100% {
+    -webkit-transform: rotate(360deg);
+    transform: rotate(360deg);
+  }
+}
+@-webkit-keyframes fabric-spinner-rotate {
+  0% {
+    -webkit-transform: rotate(0);
+    transform: rotate(0);
+  }
+  100% {
+    -webkit-transform: rotate(360deg);
     transform: rotate(360deg);
   }
 }
 @keyframes fabric-spinner-rotate {
   0% {
+    -webkit-transform: rotate(0);
     transform: rotate(0);
   }
   100% {
+    -webkit-transform: rotate(360deg);
     transform: rotate(360deg);
   }
 }
@@ -66,13 +90,21 @@
 }
 
 .e-ddl.e-control-wrapper .e-ddl-icon::before {
-  transform: rotate(0deg);
+  -webkit-transform: rotate(0deg);
+          transform: rotate(0deg);
+  -webkit-transition: -webkit-transform 300ms ease;
+  transition: -webkit-transform 300ms ease;
   transition: transform 300ms ease;
+  transition: transform 300ms ease, -webkit-transform 300ms ease;
 }
 
 .e-ddl.e-control-wrapper.e-icon-anim .e-ddl-icon::before {
-  transform: rotate(180deg);
+  -webkit-transform: rotate(180deg);
+          transform: rotate(180deg);
+  -webkit-transition: -webkit-transform 300ms ease;
+  transition: -webkit-transform 300ms ease;
   transition: transform 300ms ease;
+  transition: transform 300ms ease, -webkit-transform 300ms ease;
 }
 
 .e-dropdownbase .e-list-item.e-active.e-hover {
@@ -89,13 +121,15 @@
 }
 
 .e-input-group .e-ddl-icon:not(:active)::after {
-  animation: none;
+  -webkit-animation: none;
+          animation: none;
 }
 
 .e-ddl.e-popup {
   border: 0;
   border-radius: 4px;
-  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+  -webkit-box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+          box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
   margin-top: 4px;
 }
 
@@ -134,7 +168,8 @@
 .e-bigger .e-ddl-device .e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) {
   background: #374151;
   border-width: 0;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   margin-bottom: 0;
 }
 
@@ -225,7 +260,8 @@
 .e-filter-parent {
   border: 0;
   border-top-width: 0;
-  box-shadow: 0 1.5px 5px -2px rgba(0, 0, 0, 0.3);
+  -webkit-box-shadow: 0 1.5px 5px -2px rgba(0, 0, 0, 0.3);
+          box-shadow: 0 1.5px 5px -2px rgba(0, 0, 0, 0.3);
   display: block;
   padding: 6px;
 }
@@ -296,6 +332,7 @@
 .e-float-input.e-control-wrapper input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon,
 .e-float-input.e-input-group input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon,
 .e-float-input.e-input-group.e-control-wrapper input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon {
+  display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
 }
@@ -317,6 +354,7 @@
 .e-float-input.e-static-clear.e-input-group input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide,
 .e-float-input.e-static-clear.e-input-group.e-control-wrapper input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide {
   cursor: pointer;
+  display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
 }
@@ -336,6 +374,11 @@
   pointer-events: none;
 }
 
+.e-ddl.e-popup.e-popup-open .e-list-item.e-disabled {
+  opacity: 0.7;
+  pointer-events: none;
+}
+
 ejs-autocomplete,
 ejs-combobox,
 ejs-dropdownlist {

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

@@ -1,19 +1,43 @@
 /* stylelint-disable property-no-vendor-prefix */
 /* stylelint-disable-line no-empty-source */
 /* stylelint-disable property-no-vendor-prefix */
+@-webkit-keyframes material-spinner-rotate {
+  0% {
+    -webkit-transform: rotate(0);
+    transform: rotate(0);
+  }
+  100% {
+    -webkit-transform: rotate(360deg);
+    transform: rotate(360deg);
+  }
+}
 @keyframes material-spinner-rotate {
   0% {
+    -webkit-transform: rotate(0);
     transform: rotate(0);
   }
   100% {
+    -webkit-transform: rotate(360deg);
+    transform: rotate(360deg);
+  }
+}
+@-webkit-keyframes fabric-spinner-rotate {
+  0% {
+    -webkit-transform: rotate(0);
+    transform: rotate(0);
+  }
+  100% {
+    -webkit-transform: rotate(360deg);
     transform: rotate(360deg);
   }
 }
 @keyframes fabric-spinner-rotate {
   0% {
+    -webkit-transform: rotate(0);
     transform: rotate(0);
   }
   100% {
+    -webkit-transform: rotate(360deg);
     transform: rotate(360deg);
   }
 }
@@ -66,13 +90,21 @@
 }
 
 .e-ddl.e-control-wrapper .e-ddl-icon::before {
-  transform: rotate(0deg);
+  -webkit-transform: rotate(0deg);
+          transform: rotate(0deg);
+  -webkit-transition: -webkit-transform 300ms ease;
+  transition: -webkit-transform 300ms ease;
   transition: transform 300ms ease;
+  transition: transform 300ms ease, -webkit-transform 300ms ease;
 }
 
 .e-ddl.e-control-wrapper.e-icon-anim .e-ddl-icon::before {
-  transform: rotate(180deg);
+  -webkit-transform: rotate(180deg);
+          transform: rotate(180deg);
+  -webkit-transition: -webkit-transform 300ms ease;
+  transition: -webkit-transform 300ms ease;
   transition: transform 300ms ease;
+  transition: transform 300ms ease, -webkit-transform 300ms ease;
 }
 
 .e-dropdownbase .e-list-item.e-active.e-hover {
@@ -89,13 +121,15 @@
 }
 
 .e-input-group .e-ddl-icon:not(:active)::after {
-  animation: none;
+  -webkit-animation: none;
+          animation: none;
 }
 
 .e-ddl.e-popup {
   border: 0;
   border-radius: 4px;
-  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+  -webkit-box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+          box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
   margin-top: 4px;
 }
 
@@ -134,7 +168,8 @@
 .e-bigger .e-ddl-device .e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) {
   background: #fff;
   border-width: 0;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   margin-bottom: 0;
 }
 
@@ -225,7 +260,8 @@
 .e-filter-parent {
   border: 0;
   border-top-width: 0;
-  box-shadow: 0 1.5px 5px -2px rgba(0, 0, 0, 0.3);
+  -webkit-box-shadow: 0 1.5px 5px -2px rgba(0, 0, 0, 0.3);
+          box-shadow: 0 1.5px 5px -2px rgba(0, 0, 0, 0.3);
   display: block;
   padding: 6px;
 }
@@ -296,6 +332,7 @@
 .e-float-input.e-control-wrapper input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon,
 .e-float-input.e-input-group input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon,
 .e-float-input.e-input-group.e-control-wrapper input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon {
+  display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
 }
@@ -317,6 +354,7 @@
 .e-float-input.e-static-clear.e-input-group input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide,
 .e-float-input.e-static-clear.e-input-group.e-control-wrapper input.e-dropdownlist:not(:valid):first-child ~ .e-clear-icon.e-clear-icon-hide {
   cursor: pointer;
+  display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
 }
@@ -336,6 +374,11 @@
   pointer-events: none;
 }
 
+.e-ddl.e-popup.e-popup-open .e-list-item.e-disabled {
+  opacity: 0.7;
+  pointer-events: none;
+}
+
 ejs-autocomplete,
 ejs-combobox,
 ejs-dropdownlist {

package/styles/drop-down-tree/_bds-definition.scss

@@ -27,10 +27,14 @@ $ddt-chip-close-width: 16px !default;
 $ddt-last-chip-right-margin: 45px !default;
 $ddt-last-chip-bigger-right-margin: 52px !default;
 $ddt-select-all-height: 22px !default;
+$ddt-select-all-padding: 8px 12px !default;
+$ddt-big-select-all-padding: 12px 16px !default;
 $ddt-select-all-checkbox-margin: 0 12px !default;
 $ddt-select-all-text-indent: 0 !default;
 $ddt-select-all-bigger-text-indent: 0 !default;
 $ddt-select-all-text-font-size: $text-sm !default;
+$ddt-popup-radius: 4px !default;
+$ddt-popup-margin: 8px !default;
 $ddt-popup-reorder-border: $border-light !default;
 $ddt-chip-width: calc(100% - 6px) !default;
 $ddt-chip-ddi-width: calc(100% - 26px) !default;
@@ -40,6 +44,7 @@ $ddt-big-chip-ddi-width: calc(100% - 25px) !default;
 $ddt-big-chip-ci-width: calc(100% - 35px) !default;
 $ddt-big-chip-ddi-ci-width: calc(100% - 60px) !default;
 $ddt-remains-padding: 0 0 0 4px !default;
+$ddt-remains-font-size: $text-base !default;
 $ddt-rtl-remains-padding: 0 4px 0 0 !default;
 $ddt-chip-font-size: $text-sm !default;
 $ddt-overflow-count-padding-top: 3px !default;

package/styles/drop-down-tree/_bootstrap4-definition.scss

@@ -44,6 +44,7 @@ $ddt-treeview-fullrow-height: 36px !default;
 $ddt-treeview-fullrow-bigger-height: 44px !default;
 $ddt-treeview-content-padding-top: 2px !default;
 $ddt-treeview-content-padding-bottom: 2px !default;
+$ddt-popup-radius: 4px !default;
 $ddt-popup-background-color: $content-popup-bg !default;
 $ddt-popup-border-color: rgba($black, .15) !default;
 $ddt-chip-close: $white !default;

package/styles/drop-down-tree/_bootstrap5-definition.scss

@@ -24,12 +24,16 @@ $ddt-chip-close-height: 16px !default;
 $ddt-chip-close-width: 16px !default;
 $ddt-last-chip-right-margin: 48px !default;
 $ddt-last-chip-bigger-right-margin: 52px !default;
+$ddt-select-all-padding: 0 8px !default;
+$ddt-big-select-all-padding: 3px 12px !default;
 $ddt-select-all-height: 34px !default;
 $ddt-select-all-checkbox-margin: 0 8px !default;
 $ddt-select-all-text-indent: 0 !default;
 $ddt-select-all-bigger-text-indent: 0 !default;
 $ddt-select-all-text-font-size: $text-sm !default;
+$ddt-popup-radius: 4px !default;
 $ddt-popup-reorder-border: $border-light !default;
+$ddt-popup-margin: 4px !default;
 $ddt-treeview-padding: 6px 8px !default;
 $ddt-chip-width: calc(100% - 2px) !default;
 $ddt-chip-ddi-width: calc(100% - 31px) !default;
@@ -40,6 +44,7 @@ $ddt-big-chip-ci-width: calc(100% - 37px) !default;
 $ddt-big-chip-ddi-ci-width: calc(100% - 73px) !default;
 $ddt-remains-padding: 0 0 0 8px !default;
 $ddt-rtl-remains-padding: 0 8px 0 0 !default;
+$ddt-remains-font-size: $text-base !default;
 $ddt-chip-font-size: $text-sm !default;
 $ddt-overflow-count-padding: 5px 4px !default;
 $ddt-delim-padding : 0 8px !default;