@syncfusion/ej2-dropdowns 27.2.5 → 28.1.35

package/styles/fabric-dark.css

@@ -66,6 +66,10 @@
   position: absolute;
 }
 
+.e-mention.e-popup .e-dropdownbase {
+  min-height: 36px;
+}
+
 .e-mention .e-dropdownbase .e-list-item .e-highlight {
   display: inline;
   font-weight: bold;
@@ -463,6 +467,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;
@@ -661,6 +669,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;
 }
@@ -672,7 +694,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 {
@@ -1238,6 +1259,10 @@ ejs-dropdownlist {
   content: "";
 }
 
+.e-popup.e-multi-select-list-wrapper.e-resize .e-icons.e-resizer-right::before {
+  content: "\eb06";
+}
+
 .e-multi-select-wrapper {
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
@@ -1994,6 +2019,20 @@ ejs-multiselect {
   cursor: pointer;
 }
 
+.e-popup.e-multi-select-list-wrapper.e-resize .e-resizer-right {
+  bottom: 0;
+  right: 0;
+  cursor: nwse-resize;
+  height: 15px;
+  position: absolute;
+  width: 15px;
+}
+
+.e-popup.e-multi-select-list-wrapper.e-resize .e-resizer-right {
+  background: transparent;
+  color: rgb(221, 218, 218);
+}
+
 .e-multi-select-wrapper .e-chips.e-chip-selected .e-chips-close::before {
   color: #fff;
 }

package/styles/fabric-lite.css

@@ -66,6 +66,10 @@
   position: absolute;
 }
 
+.e-mention.e-popup .e-dropdownbase {
+  min-height: 36px;
+}
+
 .e-mention .e-dropdownbase .e-list-item .e-highlight {
   display: inline;
   font-weight: bold;
@@ -388,6 +392,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;
@@ -586,6 +594,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;
 }
@@ -597,7 +614,6 @@ ejs-dropdownlist {
 
 .e-ddl.e-popup .e-filter-parent .e-input-group input.e-input-filter {
   border-color: transparent;
-  background: none;
 }
 
 /*! TreeView's fabric theme wise override definitions and variables */
@@ -986,6 +1002,10 @@ ejs-dropdownlist {
   content: "";
 }
 
+.e-popup.e-multi-select-list-wrapper.e-resize .e-icons.e-resizer-right::before {
+  content: "\eb06";
+}
+
 .e-multi-select-wrapper {
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
@@ -1742,6 +1762,15 @@ ejs-multiselect {
   cursor: pointer;
 }
 
+.e-popup.e-multi-select-list-wrapper.e-resize .e-resizer-right {
+  bottom: 0;
+  right: 0;
+  cursor: nwse-resize;
+  height: 15px;
+  position: absolute;
+  width: 15px;
+}
+
 .e-multi-select-wrapper .e-chips.e-chip-selected .e-chips-close::before {
   color: #666;
 }

package/styles/fabric.css

@@ -66,6 +66,10 @@
   position: absolute;
 }
 
+.e-mention.e-popup .e-dropdownbase {
+  min-height: 36px;
+}
+
 .e-mention .e-dropdownbase .e-list-item .e-highlight {
   display: inline;
   font-weight: bold;
@@ -463,6 +467,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;
@@ -661,6 +669,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;
 }
@@ -672,7 +689,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 {
@@ -1234,6 +1250,10 @@ ejs-dropdownlist {
   content: "";
 }
 
+.e-popup.e-multi-select-list-wrapper.e-resize .e-icons.e-resizer-right::before {
+  content: "\eb06";
+}
+
 .e-multi-select-wrapper {
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
@@ -1990,6 +2010,15 @@ ejs-multiselect {
   cursor: pointer;
 }
 
+.e-popup.e-multi-select-list-wrapper.e-resize .e-resizer-right {
+  bottom: 0;
+  right: 0;
+  cursor: nwse-resize;
+  height: 15px;
+  position: absolute;
+  width: 15px;
+}
+
 .e-multi-select-wrapper .e-chips.e-chip-selected .e-chips-close::before {
   color: #666;
 }

package/styles/fluent-dark-lite.css

@@ -78,6 +78,10 @@
   position: absolute;
 }
 
+.e-mention.e-popup .e-dropdownbase {
+  min-height: 36px;
+}
+
 .e-mention .e-dropdownbase .e-list-item .e-highlight {
   display: inline;
   font-weight: bold;
@@ -466,6 +470,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;
@@ -661,6 +669,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;
 }
@@ -672,7 +689,6 @@ ejs-dropdownlist {
 
 .e-ddl.e-popup .e-filter-parent .e-input-group input.e-input-filter {
   border-color: transparent;
-  background: none;
 }
 
 /*! TreeView's bootstrap5 theme wise override definitions and variables */
@@ -1086,6 +1102,10 @@ ejs-dropdownlist {
   content: "";
 }
 
+.e-popup.e-multi-select-list-wrapper.e-resize .e-icons.e-resizer-right::before {
+  content: "\e761";
+}
+
 .e-multi-select-wrapper {
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
@@ -1428,6 +1448,7 @@ ejs-dropdownlist {
   max-width: 100%;
   padding-left: 8px;
   padding-right: 6px;
+  vertical-align: middle;
 }
 
 .e-multi-select-list-wrapper .e-hide-listitem,
@@ -1850,6 +1871,15 @@ ejs-multiselect {
   cursor: pointer;
 }
 
+.e-popup.e-multi-select-list-wrapper.e-resize .e-resizer-right {
+  bottom: 0;
+  right: 0;
+  cursor: nwse-resize;
+  height: 15px;
+  position: absolute;
+  width: 15px;
+}
+
 .e-multi-select-wrapper .e-chips.e-chip-selected .e-chips-close::before {
   color: #f3f2f1;
 }

package/styles/fluent-dark.css

@@ -78,6 +78,10 @@
   position: absolute;
 }
 
+.e-mention.e-popup .e-dropdownbase {
+  min-height: 36px;
+}
+
 .e-mention .e-dropdownbase .e-list-item .e-highlight {
   display: inline;
   font-weight: bold;
@@ -567,6 +571,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;
@@ -762,6 +770,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;
 }
@@ -773,7 +790,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 {
@@ -1396,6 +1412,10 @@ ejs-dropdownlist {
   content: "";
 }
 
+.e-popup.e-multi-select-list-wrapper.e-resize .e-icons.e-resizer-right::before {
+  content: "\e761";
+}
+
 .e-multi-select-wrapper {
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
@@ -1738,6 +1758,7 @@ ejs-dropdownlist {
   max-width: 100%;
   padding-left: 8px;
   padding-right: 6px;
+  vertical-align: middle;
 }
 
 .e-multi-select-list-wrapper .e-hide-listitem,
@@ -2160,6 +2181,15 @@ ejs-multiselect {
   cursor: pointer;
 }
 
+.e-popup.e-multi-select-list-wrapper.e-resize .e-resizer-right {
+  bottom: 0;
+  right: 0;
+  cursor: nwse-resize;
+  height: 15px;
+  position: absolute;
+  width: 15px;
+}
+
 .e-multi-select-wrapper .e-chips.e-chip-selected .e-chips-close::before {
   color: #f3f2f1;
 }

package/styles/fluent-lite.css

@@ -78,6 +78,10 @@
   position: absolute;
 }
 
+.e-mention.e-popup .e-dropdownbase {
+  min-height: 36px;
+}
+
 .e-mention .e-dropdownbase .e-list-item .e-highlight {
   display: inline;
   font-weight: bold;
@@ -466,6 +470,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;
@@ -661,6 +669,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;
 }
@@ -672,7 +689,6 @@ ejs-dropdownlist {
 
 .e-ddl.e-popup .e-filter-parent .e-input-group input.e-input-filter {
   border-color: transparent;
-  background: none;
 }
 
 /*! TreeView's bootstrap5 theme wise override definitions and variables */
@@ -1086,6 +1102,10 @@ ejs-dropdownlist {
   content: "";
 }
 
+.e-popup.e-multi-select-list-wrapper.e-resize .e-icons.e-resizer-right::before {
+  content: "\e761";
+}
+
 .e-multi-select-wrapper {
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
@@ -1428,6 +1448,7 @@ ejs-dropdownlist {
   max-width: 100%;
   padding-left: 8px;
   padding-right: 6px;
+  vertical-align: middle;
 }
 
 .e-multi-select-list-wrapper .e-hide-listitem,
@@ -1850,6 +1871,15 @@ ejs-multiselect {
   cursor: pointer;
 }
 
+.e-popup.e-multi-select-list-wrapper.e-resize .e-resizer-right {
+  bottom: 0;
+  right: 0;
+  cursor: nwse-resize;
+  height: 15px;
+  position: absolute;
+  width: 15px;
+}
+
 .e-multi-select-wrapper .e-chips.e-chip-selected .e-chips-close::before {
   color: #201f1e;
 }

package/styles/fluent.css

@@ -78,6 +78,10 @@
   position: absolute;
 }
 
+.e-mention.e-popup .e-dropdownbase {
+  min-height: 36px;
+}
+
 .e-mention .e-dropdownbase .e-list-item .e-highlight {
   display: inline;
   font-weight: bold;
@@ -567,6 +571,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;
@@ -762,6 +770,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;
 }
@@ -773,7 +790,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 {
@@ -1396,6 +1412,10 @@ ejs-dropdownlist {
   content: "";
 }
 
+.e-popup.e-multi-select-list-wrapper.e-resize .e-icons.e-resizer-right::before {
+  content: "\e761";
+}
+
 .e-multi-select-wrapper {
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
@@ -1738,6 +1758,7 @@ ejs-dropdownlist {
   max-width: 100%;
   padding-left: 8px;
   padding-right: 6px;
+  vertical-align: middle;
 }
 
 .e-multi-select-list-wrapper .e-hide-listitem,
@@ -2160,6 +2181,15 @@ ejs-multiselect {
   cursor: pointer;
 }
 
+.e-popup.e-multi-select-list-wrapper.e-resize .e-resizer-right {
+  bottom: 0;
+  right: 0;
+  cursor: nwse-resize;
+  height: 15px;
+  position: absolute;
+  width: 15px;
+}
+
 .e-multi-select-wrapper .e-chips.e-chip-selected .e-chips-close::before {
   color: #201f1e;
 }

package/styles/fluent2-lite.css

@@ -80,7 +80,7 @@
 .e-popup.e-mention .e-dropdownbase.e-nodata {
   color: var(--color-sf-content-text-color);
   cursor: default;
-  font-family: "Segoe UI", -apple-system, blinkMacSystemfont, "Roboto", "Helvetica Neue", sans-serif;
+  font-family: "Segoe UI", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", sans-serif;
   font-size: 14px;
   padding: 14px 16px;
   text-align: center;
@@ -95,6 +95,10 @@
   position: absolute;
 }
 
+.e-mention.e-popup .e-dropdownbase {
+  min-height: 32px;
+}
+
 .e-mention .e-dropdownbase .e-list-item .e-highlight {
   display: inline;
   font-weight: bold;
@@ -172,7 +176,7 @@
   border-bottom: 0;
   border-color: var(--color-sf-border-light);
   color: var(--color-sf-content-text-color);
-  font-family: "Segoe UI", -apple-system, blinkMacSystemfont, "Roboto", "Helvetica Neue", sans-serif;
+  font-family: "Segoe UI", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", sans-serif;
   font-size: 14px;
   line-height: 32px;
   min-height: 32px;
@@ -186,7 +190,7 @@
 .e-fixed-head {
   border-color: var(--color-sf-border-light);
   color: var(--color-sf-content-text-color-alt2);
-  font-family: "Segoe UI", -apple-system, blinkMacSystemfont, "Roboto", "Helvetica Neue", sans-serif;
+  font-family: "Segoe UI", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", sans-serif;
   font-size: 12px;
   font-weight: 600;
   line-height: 32px;
@@ -245,7 +249,7 @@
   border-style: solid;
   border-width: 0 0 1px 0;
   color: var(--color-sf-content-text-color-alt2);
-  font-family: "Segoe UI", -apple-system, blinkMacSystemfont, "Roboto", "Helvetica Neue", sans-serif;
+  font-family: "Segoe UI", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", sans-serif;
   font-size: 14px;
   font-weight: 600;
   text-indent: 10px;
@@ -303,7 +307,7 @@
   border-bottom: 0;
   border-color: var(--color-sf-border-light);
   color: var(--color-sf-content-text-color);
-  font-family: "Segoe UI", -apple-system, blinkMacSystemfont, "Roboto", "Helvetica Neue", sans-serif;
+  font-family: "Segoe UI", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", sans-serif;
   text-indent: 12px;
   font-size: 14px;
   padding-right: 16px;
@@ -635,6 +639,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;
@@ -834,6 +842,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);
 }
@@ -845,7 +862,6 @@ ejs-dropdownlist {
 
 .e-ddl.e-popup .e-filter-parent .e-input-group input.e-input-filter {
   border-color: transparent;
-  background: none;
 }
 
 /*! TreeView's theme wise override definitions and variables */
@@ -1293,6 +1309,10 @@ ejs-dropdownlist {
   width: 14px;
 }
 
+.e-popup.e-multi-select-list-wrapper.e-resize .e-icons.e-resizer-right::before {
+  content: "\e832";
+}
+
 .e-multi-select-wrapper {
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
@@ -1568,7 +1588,7 @@ ejs-dropdownlist {
 .e-multi-select-wrapper input[type=text] {
   background: none;
   border: 0;
-  font-family: "Segoe UI", -apple-system, blinkMacSystemfont, "Roboto", "Helvetica Neue", sans-serif;
+  font-family: "Segoe UI", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", sans-serif;
   font-size: 14px;
   font-weight: normal;
   height: 28px;
@@ -1582,7 +1602,7 @@ ejs-dropdownlist {
   background: none;
   border: 0;
   color: inherit;
-  font-family: "Segoe UI", -apple-system, blinkMacSystemfont, "Roboto", "Helvetica Neue", sans-serif;
+  font-family: "Segoe UI", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", sans-serif;
   font-size: 14px;
   font-weight: normal;
   height: 28px;
@@ -1617,7 +1637,7 @@ ejs-dropdownlist {
 }
 
 .e-multi-select-wrapper .e-delim-values {
-  font-family: "Segoe UI", -apple-system, blinkMacSystemfont, "Roboto", "Helvetica Neue", sans-serif;
+  font-family: "Segoe UI", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", sans-serif;
   font-size: 14px;
   line-height: 28px;
   max-width: 100%;
@@ -1799,7 +1819,7 @@ ejs-dropdownlist {
 
 .e-multi-select-list-wrapper .e-selectall-parent .e-all-text {
   color: var(--color-sf-content-text-color);
-  font-family: "Segoe UI", -apple-system, blinkMacSystemfont, "Roboto", "Helvetica Neue", sans-serif;
+  font-family: "Segoe UI", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", sans-serif;
   font-size: 14px;
 }
 
@@ -1825,6 +1845,10 @@ ejs-dropdownlist {
   float: left;
 }
 
+.e-multiselect.e-control-wrapper.e-checkbox .e-multi-select-wrapper.e-down-icon {
+  padding-right: 0 48px 0 0;
+}
+
 .e-multiselect .e-multi-select-wrapper.e-down-icon {
   padding: 1px 0;
 }
@@ -2031,6 +2055,15 @@ ejs-multiselect {
   cursor: pointer;
 }
 
+.e-popup.e-multi-select-list-wrapper.e-resize .e-resizer-right {
+  bottom: 0;
+  right: 0;
+  cursor: nwse-resize;
+  height: 15px;
+  position: absolute;
+  width: 15px;
+}
+
 .e-multi-select-wrapper .e-chips.e-chip-selected .e-chips-close::before {
   color: var(--color-sf-content-text-color);
 }
@@ -2052,7 +2085,7 @@ ejs-multiselect {
 .e-multi-select-wrapper .e-chips > .e-chipcontent {
   -webkit-text-fill-color: var(--color-sf-content-text-color);
   color: var(--color-sf-content-text-color);
-  font-family: "Segoe UI", -apple-system, blinkMacSystemfont, "Roboto", "Helvetica Neue", sans-serif;
+  font-family: "Segoe UI", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", sans-serif;
   font-size: 14px;
 }
 
@@ -2765,7 +2798,7 @@ ejs-listbox {
 .e-listbox-wrapper,
 .e-listbox-container,
 .e-listboxtool-wrapper {
-  font-family: "Segoe UI", -apple-system, blinkMacSystemfont, "Roboto", "Helvetica Neue", sans-serif;
+  font-family: "Segoe UI", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", sans-serif;
   font-size: 14px;
 }
 .e-listbox-wrapper .e-list-header,