@syncfusion/ej2-dropdowns 27.2.5 → 28.1.33

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

@@ -153,6 +153,10 @@
   font-family: "e-icons";
 }
 
+.e-ddl.e-popup.e-resize .e-icons.e-resizer-right::before {
+  content: "\e7cf";
+}
+
 .e-popup.e-wide-popup.e-ddl-device.e-popup-close {
   display: block;
   visibility: hidden;
@@ -347,6 +351,15 @@ ejs-dropdownlist {
   min-height: 33px;
 }
 
+.e-ddl.e-popup.e-resize .e-resizer-right {
+  bottom: 0;
+  right: 0;
+  cursor: nwse-resize;
+  height: 15px;
+  position: absolute;
+  width: 15px;
+}
+
 .e-popup {
   border-color: rgba(0, 0, 0, 0.15);
 }

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

@@ -170,6 +170,10 @@
   font-family: "e-icons";
 }
 
+.e-ddl.e-popup.e-resize .e-icons.e-resizer-right::before {
+  content: "\e832";
+}
+
 .e-popup.e-wide-popup.e-ddl-device.e-popup-close {
   display: block;
   visibility: hidden;
@@ -364,6 +368,15 @@ ejs-dropdownlist {
   min-height: 33px;
 }
 
+.e-ddl.e-popup.e-resize .e-resizer-right {
+  bottom: 0;
+  right: 0;
+  cursor: nwse-resize;
+  height: 15px;
+  position: absolute;
+  width: 15px;
+}
+
 .e-popup {
   border-color: #444c54;
 }

package/styles/drop-down-list/bootstrap5.3.css

@@ -174,6 +174,10 @@
   font-family: "e-icons";
 }
 
+.e-ddl.e-popup.e-resize .e-icons.e-resizer-right::before {
+  content: "\e832";
+}
+
 .e-popup.e-wide-popup.e-ddl-device.e-popup-close {
   display: block;
   visibility: hidden;
@@ -369,6 +373,15 @@ ejs-dropdownlist {
   min-height: 33px;
 }
 
+.e-ddl.e-popup.e-resize .e-resizer-right {
+  bottom: 0;
+  right: 0;
+  cursor: nwse-resize;
+  height: 15px;
+  position: absolute;
+  width: 15px;
+}
+
 .e-popup {
   border-color: var(--color-sf-border-light);
 }

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

@@ -170,6 +170,10 @@
   font-family: "e-icons";
 }
 
+.e-ddl.e-popup.e-resize .e-icons.e-resizer-right::before {
+  content: "\e832";
+}
+
 .e-popup.e-wide-popup.e-ddl-device.e-popup-close {
   display: block;
   visibility: hidden;
@@ -364,6 +368,15 @@ ejs-dropdownlist {
   min-height: 33px;
 }
 
+.e-ddl.e-popup.e-resize .e-resizer-right {
+  bottom: 0;
+  right: 0;
+  cursor: nwse-resize;
+  height: 15px;
+  position: absolute;
+  width: 15px;
+}
+
 .e-popup {
   border-color: #dee2e6;
 }

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

@@ -95,6 +95,10 @@
   font-family: "e-icons";
 }
 
+.e-ddl.e-popup.e-resize .e-icons.e-resizer-right::before {
+  content: "\eb06";
+}
+
 .e-popup.e-wide-popup.e-ddl-device.e-popup-close {
   display: block;
   visibility: hidden;
@@ -293,6 +297,20 @@ ejs-dropdownlist {
   min-height: 33px;
 }
 
+.e-ddl.e-popup.e-resize .e-resizer-right {
+  bottom: 0;
+  right: 0;
+  cursor: nwse-resize;
+  height: 15px;
+  position: absolute;
+  width: 15px;
+}
+
+.e-ddl.e-popup.e-resize .e-resizer-right {
+  background: transparent;
+  color: rgb(221, 218, 218);
+}
+
 .e-popup {
   border-color: #414040;
 }
@@ -304,7 +322,6 @@ ejs-dropdownlist {
 
 .e-ddl.e-popup .e-filter-parent .e-input-group input.e-input-filter {
   border-color: transparent;
-  background: none;
 }
 
 .e-bigger .e-input-group.e-ddl .e-input-filter, .e-bigger .e-input-group.e-ddl .e-input-filter:focus {

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

@@ -95,6 +95,10 @@
   font-family: "e-icons";
 }
 
+.e-ddl.e-popup.e-resize .e-icons.e-resizer-right::before {
+  content: "\eb06";
+}
+
 .e-popup.e-wide-popup.e-ddl-device.e-popup-close {
   display: block;
   visibility: hidden;
@@ -293,6 +297,15 @@ ejs-dropdownlist {
   min-height: 33px;
 }
 
+.e-ddl.e-popup.e-resize .e-resizer-right {
+  bottom: 0;
+  right: 0;
+  cursor: nwse-resize;
+  height: 15px;
+  position: absolute;
+  width: 15px;
+}
+
 .e-popup {
   border-color: #eaeaea;
 }
@@ -304,7 +317,6 @@ ejs-dropdownlist {
 
 .e-ddl.e-popup .e-filter-parent .e-input-group input.e-input-filter {
   border-color: transparent;
-  background: none;
 }
 
 .e-bigger .e-input-group.e-ddl .e-input-filter, .e-bigger .e-input-group.e-ddl .e-input-filter:focus {

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

@@ -163,6 +163,10 @@
   font-family: "e-icons";
 }
 
+.e-ddl.e-popup.e-resize .e-icons.e-resizer-right::before {
+  content: "\e761";
+}
+
 .e-popup.e-wide-popup.e-ddl-device.e-popup-close {
   display: block;
   visibility: hidden;
@@ -358,6 +362,15 @@ ejs-dropdownlist {
   min-height: 33px;
 }
 
+.e-ddl.e-popup.e-resize .e-resizer-right {
+  bottom: 0;
+  right: 0;
+  cursor: nwse-resize;
+  height: 15px;
+  position: absolute;
+  width: 15px;
+}
+
 .e-popup {
   border-color: #292827;
 }
@@ -369,7 +382,6 @@ ejs-dropdownlist {
 
 .e-ddl.e-popup .e-filter-parent .e-input-group input.e-input-filter {
   border-color: transparent;
-  background: none;
 }
 
 .e-bigger .e-input-group.e-ddl .e-input-filter, .e-bigger .e-input-group.e-ddl .e-input-filter:focus {

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

@@ -163,6 +163,10 @@
   font-family: "e-icons";
 }
 
+.e-ddl.e-popup.e-resize .e-icons.e-resizer-right::before {
+  content: "\e761";
+}
+
 .e-popup.e-wide-popup.e-ddl-device.e-popup-close {
   display: block;
   visibility: hidden;
@@ -358,6 +362,15 @@ ejs-dropdownlist {
   min-height: 33px;
 }
 
+.e-ddl.e-popup.e-resize .e-resizer-right {
+  bottom: 0;
+  right: 0;
+  cursor: nwse-resize;
+  height: 15px;
+  position: absolute;
+  width: 15px;
+}
+
 .e-popup {
   border-color: #edebe9;
 }
@@ -369,7 +382,6 @@ ejs-dropdownlist {
 
 .e-ddl.e-popup .e-filter-parent .e-input-group input.e-input-filter {
   border-color: transparent;
-  background: none;
 }
 
 .e-bigger .e-input-group.e-ddl .e-input-filter, .e-bigger .e-input-group.e-ddl .e-input-filter:focus {

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

@@ -340,6 +340,10 @@
   font-family: "e-icons";
 }
 
+.e-ddl.e-popup.e-resize .e-icons.e-resizer-right::before {
+  content: "\e832";
+}
+
 .e-popup.e-wide-popup.e-ddl-device.e-popup-close {
   display: block;
   visibility: hidden;
@@ -539,6 +543,15 @@ ejs-dropdownlist {
   min-height: 33px;
 }
 
+.e-ddl.e-popup.e-resize .e-resizer-right {
+  bottom: 0;
+  right: 0;
+  cursor: nwse-resize;
+  height: 15px;
+  position: absolute;
+  width: 15px;
+}
+
 .e-popup {
   border-color: var(--color-sf-border-light);
 }
@@ -550,7 +563,6 @@ ejs-dropdownlist {
 
 .e-ddl.e-popup .e-filter-parent .e-input-group input.e-input-filter {
   border-color: transparent;
-  background: none;
 }
 
 .e-bigger .e-input-group.e-ddl .e-input-filter, .e-bigger .e-input-group.e-ddl .e-input-filter:focus {

package/styles/drop-down-list/highcontrast-light.css

@@ -314,6 +314,15 @@ ejs-dropdownlist {
   min-height: 33px;
 }
 
+.e-ddl.e-popup.e-resize .e-resizer-right {
+  bottom: 0;
+  right: 0;
+  cursor: nwse-resize;
+  height: 15px;
+  position: absolute;
+  width: 15px;
+}
+
 .e-popup {
   border-color: #757575;
 }
@@ -325,7 +334,6 @@ ejs-dropdownlist {
 
 .e-ddl.e-popup .e-filter-parent .e-input-group input.e-input-filter {
   border-color: transparent;
-  background: none;
 }
 
 .e-bigger .e-input-group.e-ddl .e-input-filter, .e-bigger .e-input-group.e-ddl .e-input-filter:focus {

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

@@ -73,7 +73,7 @@
 .e-ddl.e-popup .e-content.e-nodata {
   background-color: #000;
 }
-.e-ddl.e-popup .e-dropdownbase .e-list-item .e-highlight {
+.e-ddl.e-popup .e-dropdownbase .e-list-item:not(.e-active) .e-highlight {
   color: #ffd939;
 }
 .e-ddl.e-popup .e-input-group {
@@ -116,6 +116,10 @@
   font-family: "e-icons";
 }
 
+.e-ddl.e-popup.e-resize .e-icons.e-resizer-right::before {
+  content: "\eb06";
+}
+
 .e-popup.e-wide-popup.e-ddl-device.e-popup-close {
   display: block;
   visibility: hidden;
@@ -314,6 +318,20 @@ ejs-dropdownlist {
   min-height: 33px;
 }
 
+.e-ddl.e-popup.e-resize .e-resizer-right {
+  bottom: 0;
+  right: 0;
+  cursor: nwse-resize;
+  height: 15px;
+  position: absolute;
+  width: 15px;
+}
+
+.e-ddl.e-popup.e-resize .e-resizer-right {
+  background: transparent;
+  color: rgb(221, 218, 218);
+}
+
 .e-popup {
   border-color: #969696;
 }

package/styles/drop-down-list/icons/_bootstrap-dark.scss

@@ -11,4 +11,8 @@
     content: '\e969';
     font-family: 'e-icons';
   }
+
+  .e-ddl.e-popup.e-resize .e-icons.e-resizer-right::before {
+    content: '\eb08';
+  }
 }

package/styles/drop-down-list/icons/_bootstrap.scss

@@ -11,4 +11,8 @@
     content: '\e969';
     font-family: 'e-icons';
   }
+
+  .e-ddl.e-popup.e-resize .e-icons.e-resizer-right::before {
+    content: '\eb08';
+  }
 }

package/styles/drop-down-list/icons/_bootstrap4.scss

@@ -11,4 +11,8 @@
     content: '\e744';
     font-family: 'e-icons';
   }
+
+  .e-ddl.e-popup.e-resize .e-icons.e-resizer-right::before {
+    content: '\e7cf';
+  }
 }

package/styles/drop-down-list/icons/_bootstrap5.3.scss

@@ -11,4 +11,8 @@
     content: '\e729';
     font-family: 'e-icons';
   }
+
+  .e-ddl.e-popup.e-resize .e-icons.e-resizer-right::before {
+    content: '\e832';
+  }
 }

package/styles/drop-down-list/icons/_bootstrap5.scss

@@ -11,4 +11,8 @@
     content: '\e729';
     font-family: 'e-icons';
   }
+
+  .e-ddl.e-popup.e-resize .e-icons.e-resizer-right::before {
+    content: '\e832';
+  }
 }

package/styles/drop-down-list/icons/_fabric-dark.scss

@@ -11,4 +11,8 @@
     content: '\e966';
     font-family: 'e-icons';
   }
+
+  .e-ddl.e-popup.e-resize .e-icons.e-resizer-right::before {
+    content: '\eb06';
+  }
 }

package/styles/drop-down-list/icons/_fabric.scss

@@ -11,4 +11,8 @@
     content: '\e966';
     font-family: 'e-icons';
   }
+
+  .e-ddl.e-popup.e-resize .e-icons.e-resizer-right::before {
+    content: '\eb06';
+  }
 }

package/styles/drop-down-list/icons/_fluent.scss

@@ -11,4 +11,8 @@
     content: '\e729';
     font-family: 'e-icons';
   }
+
+  .e-ddl.e-popup.e-resize .e-icons.e-resizer-right::before {
+    content: '\e761';
+  }
 }

package/styles/drop-down-list/icons/_fluent2.scss

@@ -11,4 +11,8 @@
     content: '\e729';
     font-family: 'e-icons';
   }
+
+  .e-ddl.e-popup.e-resize .e-icons.e-resizer-right::before {
+    content: '\e832';
+  }
 }

package/styles/drop-down-list/icons/_highcontrast.scss

@@ -11,4 +11,8 @@
     content: '\e966';
     font-family: 'e-icons';
   }
+
+  .e-ddl.e-popup.e-resize .e-icons.e-resizer-right::before {
+    content: '\eb06';
+  }
 }

package/styles/drop-down-list/icons/_material-dark.scss

@@ -11,4 +11,8 @@
     content: '\e969';
     font-family: 'e-icons';
   }
+
+  .e-ddl.e-popup.e-resize .e-icons.e-resizer-right::before {
+    content: '\eb05';
+  }
 }

package/styles/drop-down-list/icons/_material.scss

@@ -11,4 +11,8 @@
     content: '\e969';
     font-family: 'e-icons';
   }
+
+  .e-ddl.e-popup.e-resize .e-icons.e-resizer-right::before {
+    content: '\eb05';
+  }
 }

package/styles/drop-down-list/icons/_material3.scss

@@ -11,4 +11,8 @@
     content: '\e70d';
     font-family: 'e-icons';
   }
+
+  .e-ddl.e-popup.e-resize .e-icons.e-resizer-right::before {
+    content: '\e832';
+  }
 }

package/styles/drop-down-list/icons/_tailwind.scss

@@ -11,4 +11,8 @@
     content: '\e729';
     font-family: 'e-icons';
   }
+
+  .e-ddl.e-popup.e-resize .e-icons.e-resizer-right::before {
+    content: '\e832';
+  }
 }

package/styles/drop-down-list/icons/_tailwind3.scss

@@ -0,0 +1,14 @@
+@include export-module('dropdownlist-tailwind3-icons') {
+  .e-ddl .e-search-icon::before {
+    content: '\e754';
+  }
+
+  .e-ddl .e-back-icon::before {
+    content: '\e773';
+  }
+
+  .e-ddl.e-input-group.e-control-wrapper .e-ddl-icon::before {
+    content: '\e729';
+    font-family: 'e-icons';
+  }
+}

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

@@ -158,6 +158,10 @@
   font-family: "e-icons";
 }
 
+.e-ddl.e-popup.e-resize .e-icons.e-resizer-right::before {
+  content: "\eb05";
+}
+
 .e-popup.e-wide-popup.e-ddl-device.e-popup-close {
   display: block;
   visibility: hidden;
@@ -356,6 +360,20 @@ ejs-dropdownlist {
   min-height: 33px;
 }
 
+.e-ddl.e-popup.e-resize .e-resizer-right {
+  bottom: 0;
+  right: 0;
+  cursor: nwse-resize;
+  height: 15px;
+  position: absolute;
+  width: 15px;
+}
+
+.e-ddl.e-popup.e-resize .e-resizer-right {
+  background: transparent;
+  color: rgb(221, 218, 218);
+}
+
 .e-popup {
   border-color: transparent;
 }
@@ -367,7 +385,6 @@ ejs-dropdownlist {
 
 .e-ddl.e-popup .e-filter-parent .e-input-group input.e-input-filter {
   border-color: transparent;
-  background: none;
 }
 
 .e-bigger .e-input-group.e-ddl .e-input-filter, .e-bigger .e-input-group.e-ddl .e-input-filter:focus {

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

@@ -182,6 +182,10 @@
   font-family: "e-icons";
 }
 
+.e-ddl.e-popup.e-resize .e-icons.e-resizer-right::before {
+  content: "\eb05";
+}
+
 .e-popup.e-wide-popup.e-ddl-device.e-popup-close {
   display: block;
   visibility: hidden;
@@ -379,6 +383,15 @@ ejs-dropdownlist {
   min-height: 33px;
 }
 
+.e-ddl.e-popup.e-resize .e-resizer-right {
+  bottom: 0;
+  right: 0;
+  cursor: nwse-resize;
+  height: 15px;
+  position: absolute;
+  width: 15px;
+}
+
 .e-popup {
   border-color: #e0e0e0;
 }
@@ -390,7 +403,6 @@ ejs-dropdownlist {
 
 .e-ddl.e-popup .e-filter-parent .e-input-group input.e-input-filter {
   border-color: transparent;
-  background: none;
 }
 
 .e-bigger .e-input-group.e-ddl .e-input-filter, .e-bigger .e-input-group.e-ddl .e-input-filter:focus {

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

@@ -191,6 +191,10 @@
   font-family: "e-icons";
 }
 
+.e-ddl.e-popup.e-resize .e-icons.e-resizer-right::before {
+  content: "\e832";
+}
+
 .e-ddl.e-popup .e-input-group {
   margin-top: 4px;
 }
@@ -394,6 +398,15 @@ ejs-dropdownlist {
   min-height: 33px;
 }
 
+.e-ddl.e-popup.e-resize .e-resizer-right {
+  bottom: 0;
+  right: 0;
+  cursor: nwse-resize;
+  height: 15px;
+  position: absolute;
+  width: 15px;
+}
+
 .e-popup {
   border-color: rgba(var(--color-sf-primary));
 }
@@ -405,7 +418,6 @@ ejs-dropdownlist {
 
 .e-ddl.e-popup .e-filter-parent .e-input-group input.e-input-filter {
   border-color: transparent;
-  background: none;
 }
 
 .e-bigger .e-input-group.e-ddl .e-input-filter, .e-bigger .e-input-group.e-ddl .e-input-filter:focus {

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

@@ -193,6 +193,10 @@
   font-family: "e-icons";
 }
 
+.e-ddl.e-popup.e-resize .e-icons.e-resizer-right::before {
+  content: "\e832";
+}
+
 .e-ddl.e-popup .e-input-group {
   margin-top: 4px;
 }
@@ -396,6 +400,15 @@ ejs-dropdownlist {
   min-height: 33px;
 }
 
+.e-ddl.e-popup.e-resize .e-resizer-right {
+  bottom: 0;
+  right: 0;
+  cursor: nwse-resize;
+  height: 15px;
+  position: absolute;
+  width: 15px;
+}
+
 .e-popup {
   border-color: rgba(var(--color-sf-primary));
 }
@@ -407,7 +420,6 @@ ejs-dropdownlist {
 
 .e-ddl.e-popup .e-filter-parent .e-input-group input.e-input-filter {
   border-color: transparent;
-  background: none;
 }
 
 .e-bigger .e-input-group.e-ddl .e-input-filter, .e-bigger .e-input-group.e-ddl .e-input-filter:focus {

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

@@ -150,6 +150,10 @@
   font-family: "e-icons";
 }
 
+.e-ddl.e-popup.e-resize .e-icons.e-resizer-right::before {
+  content: "\e832";
+}
+
 .e-popup.e-wide-popup.e-ddl-device.e-popup-close {
   display: block;
   visibility: hidden;
@@ -334,6 +338,15 @@ ejs-dropdownlist {
   min-height: 33px;
 }
 
+.e-ddl.e-popup.e-resize .e-resizer-right {
+  bottom: 0;
+  right: 0;
+  cursor: nwse-resize;
+  height: 15px;
+  position: absolute;
+  width: 15px;
+}
+
 .e-popup {
   border-color: #4b5563;
 }
@@ -345,7 +358,6 @@ ejs-dropdownlist {
 
 .e-ddl.e-popup .e-filter-parent .e-input-group input.e-input-filter {
   border-color: transparent;
-  background: none;
 }
 
 .e-bigger .e-input-group.e-ddl .e-input-filter, .e-bigger .e-input-group.e-ddl .e-input-filter:focus {