@syncfusion/ej2-dropdowns 23.1.40 → 23.1.42

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 23.1.40
+*  version : 23.1.42
 *  Copyright Syncfusion Inc. 2001 - 2023. All rights reserved.
 *  Use of this code is subject to the terms of our license.
 *  A copy of the current license can be obtained at any time by e-mailing

package/package.json

@@ -1,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-dropdowns@*",
-  "_id": "@syncfusion/ej2-dropdowns@23.1.38",
+  "_id": "@syncfusion/ej2-dropdowns@23.1.41",
   "_inBundle": false,
-  "_integrity": "sha512-/nMH74CNUDg4d9Owl7Rdd5H5XSCLrBtzKBOCsL1EyJjX7F0c3jQmiqBGexFZZSN+ko6XqFzc0HYMxSehOLur8g==",
+  "_integrity": "sha512-y//3VH/5+habVL6F0DziqbiYzeCU3yvRE5/8YmQRKStz0qg/N0emXUiW/y2uerMFcEuWYUHAz6zIobX28fiA8Q==",
   "_location": "/@syncfusion/ej2-dropdowns",
   "_phantomChildren": {},
   "_requested": {
@@ -34,8 +34,8 @@
     "/@syncfusion/ej2-spreadsheet",
     "/@syncfusion/ej2-vue-dropdowns"
   ],
-  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-dropdowns/-/ej2-dropdowns-23.1.38.tgz",
-  "_shasum": "6f6b335f524faaf798fd9c64d61cace18ebfa301",
+  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-dropdowns/-/ej2-dropdowns-23.1.41.tgz",
+  "_shasum": "b4d93ee08b3b0bf0ed2cc3efe64f19e33255a6f6",
   "_spec": "@syncfusion/ej2-dropdowns@*",
   "_where": "/jenkins/workspace/elease-automation_release_23.1.1/packages/included",
   "author": {
@@ -43,11 +43,11 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~23.1.38",
+    "@syncfusion/ej2-base": "~23.1.41",
     "@syncfusion/ej2-data": "~23.1.36",
-    "@syncfusion/ej2-inputs": "~23.1.40",
-    "@syncfusion/ej2-lists": "~23.1.36",
-    "@syncfusion/ej2-navigations": "~23.1.40",
+    "@syncfusion/ej2-inputs": "~23.1.42",
+    "@syncfusion/ej2-lists": "~23.1.42",
+    "@syncfusion/ej2-navigations": "~23.1.41",
     "@syncfusion/ej2-notifications": "~23.1.40",
     "@syncfusion/ej2-popups": "~23.1.38"
   },
@@ -74,7 +74,7 @@
   "module": "./index.js",
   "name": "@syncfusion/ej2-dropdowns",
   "typings": "index.d.ts",
-  "version": "23.1.40",
+  "version": "23.1.42",
   "sideEffects": false,
   "homepage": "https://www.syncfusion.com/javascript-ui-controls"
 }

package/src/drop-down-base/drop-down-base.d.ts

@@ -610,6 +610,7 @@ export declare class DropDownBase extends Component<HTMLElement> implements INot
      * @returns {void}
      */
     render(e?: MouseEvent | KeyboardEventArgs | TouchEvent, isEmptyData?: boolean): void;
+    protected removeScrollEvent(): void;
     /**
      * Return the module name of this component.
      *

package/src/drop-down-base/drop-down-base.js

@@ -1127,6 +1127,11 @@ var DropDownBase = /** @class */ (function (_super) {
             this.initialize(e);
         }
     };
+    DropDownBase.prototype.removeScrollEvent = function () {
+        if (this.list) {
+            EventHandler.remove(this.list, 'scroll', this.setFloatingHeader);
+        }
+    };
     /**
      * Return the module name of this component.
      *

package/src/drop-down-list/drop-down-list.d.ts

@@ -135,6 +135,8 @@ export declare class DropDownList extends DropDownBase implements IInput {
     protected virtualItemStartIndex: number;
     private virtualItemEndIndex;
     private generatedDataObject;
+    private preselectedIndex;
+    private isTouched;
     protected virtualListInfo: VirtualInfo;
     protected viewPortInfo: VirtualInfo;
     private selectedValueInfo;
@@ -536,6 +538,7 @@ export declare class DropDownList extends DropDownBase implements IInput {
     protected onActionComplete(ulElement: HTMLElement, list: {
         [key: string]: Object;
     }[], e?: Object, isUpdated?: boolean): void;
+    private isValueInList;
     private checkFieldValue;
     private updateActionCompleteDataValues;
     private addNewItem;

package/src/drop-down-list/drop-down-list.js

@@ -106,6 +106,7 @@ var DropDownList = /** @class */ (function (_super) {
         _this.pageCount = 0;
         _this.isPreventKeyAction = false;
         _this.generatedDataObject = {};
+        _this.isTouched = false;
         _this.virtualListInfo = {
             currentPageNumber: null,
             direction: null,
@@ -1875,7 +1876,12 @@ var DropDownList = /** @class */ (function (_super) {
                         this.updateActionCompleteDataValues(ulElement, list);
                     }
                 }
-                if (!this.enableVirtualization) {
+                // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                if ((this.allowCustom || (this.allowFiltering && !this.isValueInList(list, this.value) && this.dataSource instanceof DataManager)) && !this.enableVirtualization) {
+                    this.addNewItem(list, selectedItem);
+                }
+                // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                else if ((this.allowCustom || (this.allowFiltering && this.isValueInList(list, this.value))) && !this.enableVirtualization) {
                     this.addNewItem(list, selectedItem);
                 }
                 if (!isNullOrUndefined(this.itemData) || (isNullOrUndefined(this.itemData) && this.enableVirtualization)) {
@@ -1909,6 +1915,24 @@ var DropDownList = /** @class */ (function (_super) {
         }
     };
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    DropDownList.prototype.isValueInList = function (list, valueToFind) {
+        if (Array.isArray(list)) {
+            for (var i = 0; i < list.length; i++) {
+                if (list[i] === valueToFind) {
+                    return true;
+                }
+            }
+        }
+        else if (typeof list === 'object' && list !== null) {
+            for (var key in list) {
+                if (Object.prototype.hasOwnProperty.call(list, key) && list[key] === valueToFind) {
+                    return true;
+                }
+            }
+        }
+        return false;
+    };
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
     DropDownList.prototype.checkFieldValue = function (list, fieldValue) {
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
         var checkField = list;
@@ -2674,6 +2698,7 @@ var DropDownList = /** @class */ (function (_super) {
      * @returns {void}
      */
     DropDownList.prototype.render = function () {
+        this.preselectedIndex = !isNullOrUndefined(this.index) ? this.index : null;
         if (this.element.tagName === 'INPUT') {
             this.inputElement = this.element;
             if (isNullOrUndefined(this.inputElement.getAttribute('role'))) {
@@ -2911,7 +2936,6 @@ var DropDownList = /** @class */ (function (_super) {
         if (this.allowFiltering && newProp.dataSource && !isNullOrUndefined(Object.keys(newProp.dataSource))) {
             this.actionCompleteData = { ulElement: null, list: null, isUpdated: false };
             this.actionData = this.actionCompleteData;
-            this.itemData = null;
         }
         else if (this.allowFiltering && newProp.query && !isNullOrUndefined(Object.keys(newProp.query))) {
             this.actionCompleteData = this.getModuleName() === 'combobox' ?
@@ -2957,6 +2981,13 @@ var DropDownList = /** @class */ (function (_super) {
      */
     DropDownList.prototype.onPropertyChanged = function (newProp, oldProp) {
         var _this = this;
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        if (!isNullOrUndefined(newProp.dataSource) && !this.isTouched && (isNullOrUndefined(newProp.value) && isNullOrUndefined(newProp.index)) && !isNullOrUndefined(this.preselectedIndex)) {
+            newProp.index = this.preselectedIndex;
+        }
+        if (!isNullOrUndefined(newProp.value) || !isNullOrUndefined(newProp.index)) {
+            this.isTouched = true;
+        }
         if (this.getModuleName() === 'dropdownlist') {
             this.checkData(newProp);
             this.setUpdateInitial(['fields', 'query', 'dataSource'], newProp);

package/src/drop-down-tree/drop-down-tree.js

@@ -1971,12 +1971,12 @@ var DropDownTree = /** @class */ (function (_super) {
             var nodes = this.treeObj.element.querySelectorAll('li');
             var checkedNodes = this.treeObj.element.querySelectorAll('li .e-checkbox-wrapper[aria-checked=true]');
             var wrap = closest(this.checkBoxElement, '.' + CHECKBOXWRAP);
-            if (wrap && args.action === 'uncheck' && (args.isInteracted || checkedNodes.length === 0)) {
+            if (wrap && args.action === 'uncheck' && (args.isInteracted || checkedNodes.length === 0 || args.data[0].isChecked == "false")) {
                 this.isReverseUpdate = true;
                 this.changeState(wrap, 'uncheck');
                 this.isReverseUpdate = false;
             }
-            else if (wrap && args.action === 'check' && checkedNodes.length === nodes.length && (args.isInteracted || this.isCheckAllCalled)) {
+            else if (wrap && args.action === 'check' && checkedNodes.length === nodes.length && (args.isInteracted || this.isCheckAllCalled || args.data[0].isChecked == "true")) {
                 this.isReverseUpdate = true;
                 this.isCheckAllCalled = false;
                 this.changeState(wrap, 'check');

package/src/mention/mention.d.ts

@@ -49,6 +49,7 @@ export declare class Mention extends DropDownBase {
     private range;
     private displayTempElement;
     private isCollided;
+    private collision;
     private spinnerElement;
     private spinnerTemplateElement;
     private lineBreak;

package/src/mention/mention.js

@@ -693,6 +693,8 @@ var Mention = /** @class */ (function (_super) {
                 _this.initializePopup(popupEle_1, offsetValue, left);
                 _this.checkCollision(popupEle_1);
                 popupEle_1.style.visibility = 'visible';
+                var popupLeft_1 = popupEle_1.parentElement.offsetWidth - popupEle_1.offsetWidth;
+                var popupHeight_1 = popupEle_1.offsetHeight;
                 addClass([popupEle_1], ['e-mention', 'e-popup', 'e-popup-close']);
                 if (!isNullOrUndefined(_this.list)) {
                     _this.unWireListEvents();
@@ -721,9 +723,23 @@ var Mention = /** @class */ (function (_super) {
                             popupEle_1.style.cssText = 'top: '.concat(coordinates_1.top.toString(), 'px;\n left: ').concat(coordinates_1.left.toString(), 'px;\nposition: absolute;\n display: block;');
                         }
                         else {
-                            popupEle_1.style.left = formatUnit(coordinates_1.left);
-                            popupEle_1.style.top = formatUnit(coordinates_1.top - parseInt(_this.popupHeight.toString()));
+                            if (_this.collision.length > 0 && _this.collision.indexOf('right') > -1 && _this.collision.indexOf('bottom') === -1) {
+                                popupEle_1.style.cssText = 'top: '.concat(coordinates_1.top.toString(), 'px;\n left: ').concat(popupLeft_1.toString(), 'px;\nposition: absolute;\n display: block;');
+                            }
+                            else if (_this.collision && _this.collision.length > 0 && _this.collision.indexOf('bottom') > -1 && _this.collision.indexOf('right') === -1) {
+                                popupEle_1.style.left = formatUnit(coordinates_1.left);
+                                popupEle_1.style.top = formatUnit(coordinates_1.top - parseInt(popupHeight_1.toString()));
+                            }
+                            else if (_this.collision && _this.collision.length > 0 && _this.collision.indexOf('bottom') > -1 && _this.collision.indexOf('right') > -1) {
+                                popupEle_1.style.left = formatUnit(popupLeft_1);
+                                popupEle_1.style.top = formatUnit(coordinates_1.top - parseInt(popupHeight_1.toString()));
+                            }
+                            else {
+                                popupEle_1.style.left = formatUnit(coordinates_1.left);
+                                popupEle_1.style.top = formatUnit(coordinates_1.top - parseInt(_this.popupHeight.toString()));
+                            }
                             _this.isCollided = false;
+                            _this.collision = [];
                         }
                         popupEle_1.style.width = _this.popupWidth !== '100%' && !isNullOrUndefined(_this.popupWidth) ? formatUnit(_this.popupWidth) : 'auto';
                         _this.setHeight(popupEle_1);
@@ -752,8 +768,8 @@ var Mention = /** @class */ (function (_super) {
     Mention.prototype.checkCollision = function (popupEle) {
         if (!Browser.isDevice || (Browser.isDevice && !(this.getModuleName() === 'mention'))) {
             var coordinates = this.getCoordinates(this.inputElement, this.getTriggerCharPosition());
-            var collision = isCollide(popupEle, null, coordinates.left, coordinates.top);
-            if (collision.length > 0) {
+            this.collision = isCollide(popupEle, null, coordinates.left, coordinates.top);
+            if (this.collision.length > 0) {
                 popupEle.style.marginTop = -parseInt(getComputedStyle(popupEle).marginTop, 10) + 'px';
                 this.isCollided = true;
             }
@@ -888,10 +904,18 @@ var Mention = /** @class */ (function (_super) {
             document.body.removeChild(div);
         }
         else {
-            coordinates = {
-                top: rect.top + windowTop + parseInt(getComputedStyle(this.inputElement).fontSize, 10) - (this.isCollided ? 10 : 0),
-                left: rect.left + windowLeft + width
-            };
+            if (this.collision && this.collision.length > 0 && this.collision.indexOf('right') > -1 && this.collision.indexOf('bottom') === -1) {
+                coordinates = {
+                    top: rect.top + windowTop + parseInt(getComputedStyle(this.inputElement).fontSize, 10),
+                    left: rect.left + windowLeft + width
+                };
+            }
+            else {
+                coordinates = {
+                    top: rect.top + windowTop + parseInt(getComputedStyle(this.inputElement).fontSize, 10) - (this.isCollided ? 10 : 0),
+                    left: rect.left + windowLeft + width
+                };
+            }
         }
         return coordinates;
     };

package/src/multi-select/multi-select.js

@@ -3689,6 +3689,11 @@ var MultiSelect = /** @class */ (function (_super) {
                     }
                     this.updateSelectElementData(this.allowFiltering);
                     break;
+                case 'fields':
+                    if (isNullOrUndefined(this.fields.groupBy)) {
+                        this.removeScrollEvent();
+                    }
+                    break;
                 default:
                     {
                         // eslint-disable-next-line max-len

package/styles/auto-complete/bootstrap4.css

@@ -107,13 +107,24 @@
 }
 
 .e-input-group .e-control.e-dropdownlist ~ .e-ddl-icon {
-  font-size: 8px;
+  font-size: 12px;
+}
+
+.e-bigger .e-input-group .e-control.e-dropdownlist ~ .e-ddl-icon,
+.e-bigger.e-input-group .e-control.e-dropdownlist ~ .e-ddl-icon {
+  font-size: 14px;
 }
 
-.e-bigger .e-input-group .e-control.e-dropdownlist ~ .e-ddl-icon {
+.e-small .e-input-group .e-control.e-dropdownlist ~ .e-ddl-icon,
+.e-small.e-input-group .e-control.e-dropdownlist ~ .e-ddl-icon {
   font-size: 10px;
 }
 
+.e-small.e-bigger .e-input-group .e-control.e-dropdownlist ~ .e-ddl-icon,
+.e-small.e-bigger.e-input-group .e-control.e-dropdownlist ~ .e-ddl-icon {
+  font-size: 12px;
+}
+
 .e-bigger.e-small .e-ddl.e-popup .e-list-item, .e-bigger.e-small .e-ddl.e-popup .e-list-group-item, .e-bigger.e-small .e-ddl.e-popup .e-fixed-head {
   font-size: 14px;
   line-height: 34px;

package/styles/bootstrap-dark.css

@@ -3077,7 +3077,7 @@ ejs-listbox {
 .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
 .e-listbox-container .e-selectall-parent + .e-list-parent,
 .e-listboxtool-wrapper .e-selectall-parent + .e-list-parent {
-  height: calc(100% - 40px);
+  height: calc(100% - 40px) !important; /* stylelint-disable-line declaration-no-important */
 }
 
 .e-listbox-wrapper .e-icons,

package/styles/bootstrap.css

@@ -3087,7 +3087,7 @@ ejs-listbox {
 .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
 .e-listbox-container .e-selectall-parent + .e-list-parent,
 .e-listboxtool-wrapper .e-selectall-parent + .e-list-parent {
-  height: calc(100% - 40px);
+  height: calc(100% - 40px) !important; /* stylelint-disable-line declaration-no-important */
 }
 
 .e-listbox-wrapper .e-icons,

package/styles/bootstrap4.css

@@ -516,13 +516,24 @@
 }
 
 .e-input-group .e-control.e-dropdownlist ~ .e-ddl-icon {
-  font-size: 8px;
+  font-size: 12px;
+}
+
+.e-bigger .e-input-group .e-control.e-dropdownlist ~ .e-ddl-icon,
+.e-bigger.e-input-group .e-control.e-dropdownlist ~ .e-ddl-icon {
+  font-size: 14px;
 }
 
-.e-bigger .e-input-group .e-control.e-dropdownlist ~ .e-ddl-icon {
+.e-small .e-input-group .e-control.e-dropdownlist ~ .e-ddl-icon,
+.e-small.e-input-group .e-control.e-dropdownlist ~ .e-ddl-icon {
   font-size: 10px;
 }
 
+.e-small.e-bigger .e-input-group .e-control.e-dropdownlist ~ .e-ddl-icon,
+.e-small.e-bigger.e-input-group .e-control.e-dropdownlist ~ .e-ddl-icon {
+  font-size: 12px;
+}
+
 .e-bigger.e-small .e-ddl.e-popup .e-list-item, .e-bigger.e-small .e-ddl.e-popup .e-list-group-item, .e-bigger.e-small .e-ddl.e-popup .e-fixed-head {
   font-size: 14px;
   line-height: 34px;
@@ -1273,6 +1284,25 @@ ejs-dropdownlist {
   border-right-width: 0;
 }
 
+.e-input-group.e-multiselect.e-control-wrapper .e-input-group-icon.e-ddl-icon::before {
+  font-size: 12px;
+}
+
+.e-bigger .e-input-group.e-multiselect.e-control-wrapper .e-input-group-icon.e-ddl-icon::before,
+.e-bigger.e-input-group.e-multiselect.e-control-wrapper .e-input-group-icon.e-ddl-icon::before {
+  font-size: 14px;
+}
+
+.e-small .e-input-group.e-multiselect.e-control-wrapper .e-input-group-icon.e-ddl-icon::before,
+.e-small.e-input-group.e-multiselect.e-control-wrapper .e-input-group-icon.e-ddl-icon::before {
+  font-size: 10px;
+}
+
+.e-small.e-bigger .e-input-group.e-multiselect.e-control-wrapper .e-input-group-icon.e-ddl-icon::before,
+.e-small.e-bigger.e-input-group.e-multiselect.e-control-wrapper .e-input-group-icon.e-ddl-icon::before {
+  font-size: 12px;
+}
+
 .e-multiselect.e-rtl .e-input-group-icon.e-ddl-icon {
   border-left-width: 0;
   border-radius: 4px 0 0 4px;
@@ -3308,7 +3338,7 @@ ejs-listbox {
 .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
 .e-listbox-container .e-selectall-parent + .e-list-parent,
 .e-listboxtool-wrapper .e-selectall-parent + .e-list-parent {
-  height: calc(100% - 40px);
+  height: calc(100% - 40px) !important; /* stylelint-disable-line declaration-no-important */
 }
 
 .e-listbox-wrapper .e-icons,

package/styles/bootstrap5-dark.css

@@ -3256,7 +3256,7 @@ ejs-listbox {
 .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
 .e-listbox-container .e-selectall-parent + .e-list-parent,
 .e-listboxtool-wrapper .e-selectall-parent + .e-list-parent {
-  height: calc(100% - 36px);
+  height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
 }
 
 .e-listbox-wrapper .e-list-item,

package/styles/bootstrap5.css

@@ -3256,7 +3256,7 @@ ejs-listbox {
 .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
 .e-listbox-container .e-selectall-parent + .e-list-parent,
 .e-listboxtool-wrapper .e-selectall-parent + .e-list-parent {
-  height: calc(100% - 36px);
+  height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
 }
 
 .e-listbox-wrapper .e-list-item,

package/styles/combo-box/bootstrap4.css

@@ -107,13 +107,24 @@
 }
 
 .e-input-group .e-control.e-dropdownlist ~ .e-ddl-icon {
-  font-size: 8px;
+  font-size: 12px;
+}
+
+.e-bigger .e-input-group .e-control.e-dropdownlist ~ .e-ddl-icon,
+.e-bigger.e-input-group .e-control.e-dropdownlist ~ .e-ddl-icon {
+  font-size: 14px;
 }
 
-.e-bigger .e-input-group .e-control.e-dropdownlist ~ .e-ddl-icon {
+.e-small .e-input-group .e-control.e-dropdownlist ~ .e-ddl-icon,
+.e-small.e-input-group .e-control.e-dropdownlist ~ .e-ddl-icon {
   font-size: 10px;
 }
 
+.e-small.e-bigger .e-input-group .e-control.e-dropdownlist ~ .e-ddl-icon,
+.e-small.e-bigger.e-input-group .e-control.e-dropdownlist ~ .e-ddl-icon {
+  font-size: 12px;
+}
+
 .e-bigger.e-small .e-ddl.e-popup .e-list-item, .e-bigger.e-small .e-ddl.e-popup .e-list-group-item, .e-bigger.e-small .e-ddl.e-popup .e-fixed-head {
   font-size: 14px;
   line-height: 34px;

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

@@ -152,13 +152,24 @@ $ddl-bigger-small-list-font-size: 14px !default;
   }
 
   .e-input-group .e-control#{&}.e-dropdownlist~.e-ddl-icon {
-    font-size: 8px;
+    font-size: 12px;
   }
 
-  .e-bigger .e-input-group .e-control#{&}.e-dropdownlist~.e-ddl-icon {
+  .e-bigger .e-input-group .e-control#{&}.e-dropdownlist~.e-ddl-icon,
+  .e-bigger.e-input-group .e-control#{&}.e-dropdownlist~.e-ddl-icon {
+    font-size: 14px;
+  }
+
+  .e-small .e-input-group .e-control#{&}.e-dropdownlist~.e-ddl-icon,
+  .e-small.e-input-group .e-control#{&}.e-dropdownlist~.e-ddl-icon {
     font-size: 10px;
   }
 
+  .e-small.e-bigger .e-input-group .e-control#{&}.e-dropdownlist~.e-ddl-icon,
+  .e-small.e-bigger.e-input-group .e-control#{&}.e-dropdownlist~.e-ddl-icon {
+    font-size: 12px;
+  }
+
   .e-bigger.e-small .e-ddl#{&}.e-popup {
     @at-root {
       #{if(&, '&', '*')} .e-list-item,

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

@@ -148,13 +148,24 @@
 }
 
 .e-input-group .e-control.e-dropdownlist ~ .e-ddl-icon {
-  font-size: 8px;
+  font-size: 12px;
 }
 
-.e-bigger .e-input-group .e-control.e-dropdownlist ~ .e-ddl-icon {
+.e-bigger .e-input-group .e-control.e-dropdownlist ~ .e-ddl-icon,
+.e-bigger.e-input-group .e-control.e-dropdownlist ~ .e-ddl-icon {
+  font-size: 14px;
+}
+
+.e-small .e-input-group .e-control.e-dropdownlist ~ .e-ddl-icon,
+.e-small.e-input-group .e-control.e-dropdownlist ~ .e-ddl-icon {
   font-size: 10px;
 }
 
+.e-small.e-bigger .e-input-group .e-control.e-dropdownlist ~ .e-ddl-icon,
+.e-small.e-bigger.e-input-group .e-control.e-dropdownlist ~ .e-ddl-icon {
+  font-size: 12px;
+}
+
 .e-bigger.e-small .e-ddl.e-popup .e-list-item, .e-bigger.e-small .e-ddl.e-popup .e-list-group-item, .e-bigger.e-small .e-ddl.e-popup .e-fixed-head {
   font-size: 14px;
   line-height: 34px;

package/styles/fabric-dark.css

@@ -3056,7 +3056,7 @@ ejs-listbox {
 .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
 .e-listbox-container .e-selectall-parent + .e-list-parent,
 .e-listboxtool-wrapper .e-selectall-parent + .e-list-parent {
-  height: calc(100% - 36px);
+  height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
 }
 
 .e-listbox-wrapper .e-icons,

package/styles/fabric.css

@@ -3061,7 +3061,7 @@ ejs-listbox {
 .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
 .e-listbox-container .e-selectall-parent + .e-list-parent,
 .e-listboxtool-wrapper .e-selectall-parent + .e-list-parent {
-  height: calc(100% - 36px);
+  height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
 }
 
 .e-listbox-wrapper .e-icons,

package/styles/fluent-dark.css

@@ -3323,7 +3323,7 @@ ejs-listbox {
 .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
 .e-listbox-container .e-selectall-parent + .e-list-parent,
 .e-listboxtool-wrapper .e-selectall-parent + .e-list-parent {
-  height: calc(100% - 36px);
+  height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
 }
 
 .e-listbox-wrapper .e-icons,

package/styles/fluent.css

@@ -3323,7 +3323,7 @@ ejs-listbox {
 .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
 .e-listbox-container .e-selectall-parent + .e-list-parent,
 .e-listboxtool-wrapper .e-selectall-parent + .e-list-parent {
-  height: calc(100% - 36px);
+  height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
 }
 
 .e-listbox-wrapper .e-icons,

package/styles/highcontrast-light.css

@@ -3170,7 +3170,7 @@ ejs-listbox {
 .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
 .e-listbox-container .e-selectall-parent + .e-list-parent,
 .e-listboxtool-wrapper .e-selectall-parent + .e-list-parent {
-  height: calc(100% - 36px);
+  height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
 }
 
 .e-listbox-wrapper .e-icons,

package/styles/highcontrast.css

@@ -3187,7 +3187,7 @@ ejs-listbox {
 .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
 .e-listbox-container .e-selectall-parent + .e-list-parent,
 .e-listboxtool-wrapper .e-selectall-parent + .e-list-parent {
-  height: calc(100% - 36px);
+  height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
 }
 
 .e-listbox-wrapper .e-icons,

package/styles/list-box/_theme.scss

@@ -103,7 +103,7 @@
       }
 
       & .e-selectall-parent + .e-list-parent {
-        height: $listbox-select-height;
+        height: $listbox-select-height !important; /* stylelint-disable-line declaration-no-important */
       }
 
       & .e-icons {

package/styles/list-box/bootstrap-dark.css

@@ -660,7 +660,7 @@ ejs-listbox {
 .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
 .e-listbox-container .e-selectall-parent + .e-list-parent,
 .e-listboxtool-wrapper .e-selectall-parent + .e-list-parent {
-  height: calc(100% - 40px);
+  height: calc(100% - 40px) !important; /* stylelint-disable-line declaration-no-important */
 }
 
 .e-listbox-wrapper .e-icons,

package/styles/list-box/bootstrap.css

@@ -671,7 +671,7 @@ ejs-listbox {
 .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
 .e-listbox-container .e-selectall-parent + .e-list-parent,
 .e-listboxtool-wrapper .e-selectall-parent + .e-list-parent {
-  height: calc(100% - 40px);
+  height: calc(100% - 40px) !important; /* stylelint-disable-line declaration-no-important */
 }
 
 .e-listbox-wrapper .e-icons,

package/styles/list-box/bootstrap4.css

@@ -725,7 +725,7 @@ ejs-listbox {
 .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
 .e-listbox-container .e-selectall-parent + .e-list-parent,
 .e-listboxtool-wrapper .e-selectall-parent + .e-list-parent {
-  height: calc(100% - 40px);
+  height: calc(100% - 40px) !important; /* stylelint-disable-line declaration-no-important */
 }
 
 .e-listbox-wrapper .e-icons,

package/styles/list-box/bootstrap5-dark.css

@@ -697,7 +697,7 @@ ejs-listbox {
 .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
 .e-listbox-container .e-selectall-parent + .e-list-parent,
 .e-listboxtool-wrapper .e-selectall-parent + .e-list-parent {
-  height: calc(100% - 36px);
+  height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
 }
 
 .e-listbox-wrapper .e-list-item,

package/styles/list-box/bootstrap5.css

@@ -697,7 +697,7 @@ ejs-listbox {
 .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
 .e-listbox-container .e-selectall-parent + .e-list-parent,
 .e-listboxtool-wrapper .e-selectall-parent + .e-list-parent {
-  height: calc(100% - 36px);
+  height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
 }
 
 .e-listbox-wrapper .e-list-item,

package/styles/list-box/fabric-dark.css

@@ -660,7 +660,7 @@ ejs-listbox {
 .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
 .e-listbox-container .e-selectall-parent + .e-list-parent,
 .e-listboxtool-wrapper .e-selectall-parent + .e-list-parent {
-  height: calc(100% - 36px);
+  height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
 }
 
 .e-listbox-wrapper .e-icons,

package/styles/list-box/fabric.css

@@ -671,7 +671,7 @@ ejs-listbox {
 .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
 .e-listbox-container .e-selectall-parent + .e-list-parent,
 .e-listboxtool-wrapper .e-selectall-parent + .e-list-parent {
-  height: calc(100% - 36px);
+  height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
 }
 
 .e-listbox-wrapper .e-icons,