@syncfusion/ej2-dropdowns 19.4.41 → 19.4.50

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 19.4.41
+*  version : 19.4.50
 *  Copyright Syncfusion Inc. 2001 - 2020. 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@19.4.40",
+  "_id": "@syncfusion/ej2-dropdowns@19.4.48",
   "_inBundle": false,
-  "_integrity": "sha512-upcT5mAx69h0jqpI1M4t5Bbfnlqbpb3uPm7Ph2YqUYaSBOOwhu2bbGu53XYXUbPr/i6sxGE+qLkuhs7Gkb2qfQ==",
+  "_integrity": "sha512-Yz0UF3J4mNNGlnvZkoMxKP295uhWJ4RxTLPV206SJguJLs8vT2mrpyamdhwKQPNBCY8d9YnnIb4KWBBozWHYYw==",
   "_location": "/@syncfusion/ej2-dropdowns",
   "_phantomChildren": {},
   "_requested": {
@@ -33,8 +33,8 @@
     "/@syncfusion/ej2-spreadsheet",
     "/@syncfusion/ej2-vue-dropdowns"
   ],
-  "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-dropdowns/-/ej2-dropdowns-19.4.40.tgz",
-  "_shasum": "fa9ec3b119efbe51b80576ab6691742c2b1be99f",
+  "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-dropdowns/-/ej2-dropdowns-19.4.48.tgz",
+  "_shasum": "4de8f8a1da32155d9904a785d115f78fe5be553e",
   "_spec": "@syncfusion/ej2-dropdowns@*",
   "_where": "/jenkins/workspace/automation_release_19.1.0.1-ZPMUBNQ6AUYH6YGEFBPVYMEQLRRW2SLD4XCZ6GATNZJFYJ3RIAOA/packages/included",
   "author": {
@@ -42,12 +42,12 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~19.4.38",
-    "@syncfusion/ej2-data": "~19.4.38",
-    "@syncfusion/ej2-inputs": "~19.4.41",
-    "@syncfusion/ej2-lists": "~19.4.38",
-    "@syncfusion/ej2-navigations": "~19.4.41",
-    "@syncfusion/ej2-popups": "~19.4.41"
+    "@syncfusion/ej2-base": "~19.4.48",
+    "@syncfusion/ej2-data": "~19.4.50",
+    "@syncfusion/ej2-inputs": "~19.4.48",
+    "@syncfusion/ej2-lists": "~19.4.48",
+    "@syncfusion/ej2-navigations": "~19.4.50",
+    "@syncfusion/ej2-popups": "~19.4.50"
   },
   "deprecated": false,
   "description": "Essential JS 2 DropDown Components",
@@ -72,6 +72,6 @@
   "module": "./index.js",
   "name": "@syncfusion/ej2-dropdowns",
   "typings": "index.d.ts",
-  "version": "19.4.41",
+  "version": "19.4.50",
   "sideEffects": false
 }

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

@@ -67,6 +67,7 @@ var HEADERTEMPLATE_PROPERTY = 'HeaderTemplate';
 var FOOTERTEMPLATE_PROPERTY = 'FooterTemplate';
 var NORECORDSTEMPLATE_PROPERTY = 'NoRecordsTemplate';
 var ACTIONFAILURETEMPLATE_PROPERTY = 'ActionFailureTemplate';
+var HIDE_GROUPLIST = 'e-hide-group-header';
 /**
  * DropDownBase component will generate the list items based on given data and act as base class to drop-down related components
  */
@@ -582,6 +583,15 @@ var DropDownBase = /** @class */ (function (_super) {
         }
         this.list.innerHTML = '';
         this.fixedHeaderElement = isNullOrUndefined(this.fixedHeaderElement) ? this.fixedHeaderElement : null;
+        if (this.getModuleName() === 'multiselect' && this.properties.allowCustomValue && this.fields.groupBy) {
+            for (var i = 0; i < ulElement.childElementCount; i++) {
+                if (ulElement.children[i].classList.contains('e-list-group-item')) {
+                    if (isNullOrUndefined(ulElement.children[i].innerHTML) || ulElement.children[i].innerHTML == "") {
+                        addClass([ulElement.children[i]], HIDE_GROUPLIST);
+                    }
+                }
+            }
+        }
         this.list.appendChild(ulElement);
         this.liCollections = this.list.querySelectorAll('.' + dropDownBaseClasses.li);
         this.ulElement = this.list.querySelector('ul');
@@ -1058,7 +1068,8 @@ var DropDownBase = /** @class */ (function (_super) {
                 li.innerText = itemText;
             }
             if (this.itemTemplate && !isHeader) {
-                var compiledString = compile(this.itemTemplate);
+                var itemCheck = this.templateCompiler(this.itemTemplate);
+                var compiledString = itemCheck ? compile(select(this.itemTemplate, document).innerHTML.trim()) : compile(this.itemTemplate);
                 // eslint-disable-next-line @typescript-eslint/no-explicit-any
                 var addItemTemplate = compiledString(item, this, 'itemTemplate', this.itemTemplateId, this.isStringTemplate, null, li);
                 if (addItemTemplate) {

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

@@ -2222,7 +2222,7 @@ var DropDownList = /** @class */ (function (_super) {
     DropDownList.prototype.checkCustomValue = function () {
         this.itemData = this.getDataByValue(this.value);
         var dataItem = this.getItemData();
-        this.setProperties({ 'value': dataItem.value, 'text': dataItem.text });
+        this.setProperties({ 'text': dataItem.text, 'value': dataItem.value });
     };
     DropDownList.prototype.updateInputFields = function () {
         if (this.getModuleName() === 'dropdownlist') {
@@ -2238,160 +2238,195 @@ var DropDownList = /** @class */ (function (_super) {
      * @returns {void}
      */
     DropDownList.prototype.onPropertyChanged = function (newProp, oldProp) {
+        var _this = this;
         if (this.getModuleName() === 'dropdownlist') {
             this.checkData(newProp);
             this.setUpdateInitial(['fields', 'query', 'dataSource'], newProp);
         }
-        for (var _i = 0, _a = Object.keys(newProp); _i < _a.length; _i++) {
-            var prop = _a[_i];
+        var _loop_1 = function (prop) {
             switch (prop) {
                 case 'query':
                 case 'dataSource': break;
                 case 'htmlAttributes':
-                    this.setHTMLAttributes();
+                    this_1.setHTMLAttributes();
                     break;
                 case 'width':
-                    this.setEleWidth(newProp.width);
+                    this_1.setEleWidth(newProp.width);
                     break;
                 case 'placeholder':
-                    Input.setPlaceholder(newProp.placeholder, this.inputElement);
+                    Input.setPlaceholder(newProp.placeholder, this_1.inputElement);
                     break;
                 case 'filterBarPlaceholder':
-                    if (this.filterInput) {
-                        Input.setPlaceholder(newProp.filterBarPlaceholder, this.filterInput);
+                    if (this_1.filterInput) {
+                        Input.setPlaceholder(newProp.filterBarPlaceholder, this_1.filterInput);
                     }
                     break;
                 case 'readonly':
-                    if (this.getModuleName() !== 'dropdownlist') {
-                        Input.setReadonly(newProp.readonly, this.inputElement);
+                    if (this_1.getModuleName() !== 'dropdownlist') {
+                        Input.setReadonly(newProp.readonly, this_1.inputElement);
                     }
-                    this.setReadOnly();
+                    this_1.setReadOnly();
                     break;
                 case 'cssClass':
-                    this.setCssClass(newProp.cssClass, oldProp.cssClass);
+                    this_1.setCssClass(newProp.cssClass, oldProp.cssClass);
                     break;
                 case 'enableRtl':
-                    this.setEnableRtl();
+                    this_1.setEnableRtl();
                     break;
                 case 'enabled':
-                    this.setEnable();
+                    this_1.setEnable();
                     break;
                 case 'text':
                     if (newProp.text === null) {
-                        this.clearAll();
+                        this_1.clearAll();
                         break;
                     }
-                    if (!this.list) {
-                        if (this.dataSource instanceof DataManager) {
-                            this.initRemoteRender = true;
+                    if (!this_1.list) {
+                        if (this_1.dataSource instanceof DataManager) {
+                            this_1.initRemoteRender = true;
                         }
-                        this.renderList();
+                        this_1.renderList();
                     }
-                    if (!this.initRemoteRender) {
-                        var li = this.getElementByText(newProp.text);
-                        if (!this.checkValidLi(li)) {
-                            if (this.liCollections && this.liCollections.length === 100 &&
-                                this.getModuleName() === 'autocomplete' && this.listData.length > 100) {
-                                this.setSelectionData(newProp.text, oldProp.text, 'text');
+                    if (!this_1.initRemoteRender) {
+                        var li = this_1.getElementByText(newProp.text);
+                        if (!this_1.checkValidLi(li)) {
+                            if (this_1.liCollections && this_1.liCollections.length === 100 &&
+                                this_1.getModuleName() === 'autocomplete' && this_1.listData.length > 100) {
+                                this_1.setSelectionData(newProp.text, oldProp.text, 'text');
+                            }
+                            else if (newProp.text && this_1.dataSource instanceof DataManager) {
+                                var listLength_1 = this_1.getItems().length;
+                                var checkField = isNullOrUndefined(this_1.fields.text) ? this_1.fields.value : this_1.fields.text;
+                                this_1.typedString = '';
+                                this_1.dataSource.executeQuery(this_1.getQuery(this_1.query).where(new Predicate(checkField, 'equal', newProp.text)))
+                                    .then(function (e) {
+                                    if (e.result.length > 0) {
+                                        _this.addItem(e.result, listLength_1);
+                                        _this.updateValues();
+                                    }
+                                    else {
+                                        _this.setOldText(oldProp.text);
+                                    }
+                                });
                             }
                             else {
-                                this.setOldText(oldProp.text);
+                                this_1.setOldText(oldProp.text);
                             }
                         }
-                        this.updateInputFields();
+                        this_1.updateInputFields();
                     }
                     break;
                 case 'value':
                     if (newProp.value === null) {
-                        this.clearAll();
+                        this_1.clearAll();
                         break;
                     }
-                    this.notify('beforeValueChange', { newProp: newProp }); // gird component value type change
-                    if (!this.list) {
-                        if (this.dataSource instanceof DataManager) {
-                            this.initRemoteRender = true;
+                    this_1.notify('beforeValueChange', { newProp: newProp }); // gird component value type change
+                    if (!this_1.list) {
+                        if (this_1.dataSource instanceof DataManager) {
+                            this_1.initRemoteRender = true;
                         }
-                        this.renderList();
+                        this_1.renderList();
                     }
-                    if (!this.initRemoteRender) {
-                        var item = this.getElementByValue(newProp.value);
-                        if (!this.checkValidLi(item)) {
-                            if (this.liCollections && this.liCollections.length === 100 &&
-                                this.getModuleName() === 'autocomplete' && this.listData.length > 100) {
-                                this.setSelectionData(newProp.value, oldProp.value, 'value');
+                    if (!this_1.initRemoteRender) {
+                        var item = this_1.getElementByValue(newProp.value);
+                        if (!this_1.checkValidLi(item)) {
+                            if (this_1.liCollections && this_1.liCollections.length === 100 &&
+                                this_1.getModuleName() === 'autocomplete' && this_1.listData.length > 100) {
+                                this_1.setSelectionData(newProp.value, oldProp.value, 'value');
+                            }
+                            else if (newProp.value && this_1.dataSource instanceof DataManager) {
+                                var listLength_2 = this_1.getItems().length;
+                                var checkField = isNullOrUndefined(this_1.fields.value) ? this_1.fields.text : this_1.fields.value;
+                                this_1.typedString = '';
+                                this_1.dataSource.executeQuery(this_1.getQuery(this_1.query).where(new Predicate(checkField, 'equal', newProp.value)))
+                                    .then(function (e) {
+                                    if (e.result.length > 0) {
+                                        _this.addItem(e.result, listLength_2);
+                                        _this.updateValues();
+                                    }
+                                    else {
+                                        _this.setOldValue(oldProp.value);
+                                    }
+                                });
                             }
                             else {
-                                this.setOldValue(oldProp.value);
+                                this_1.setOldValue(oldProp.value);
                             }
                         }
-                        this.updateInputFields();
-                        this.preventChange = this.isAngular && this.preventChange ? !this.preventChange : this.preventChange;
+                        this_1.updateInputFields();
+                        this_1.preventChange = this_1.isAngular && this_1.preventChange ? !this_1.preventChange : this_1.preventChange;
                     }
                     break;
                 case 'index':
                     if (newProp.index === null) {
-                        this.clearAll();
+                        this_1.clearAll();
                         break;
                     }
-                    if (!this.list) {
-                        if (this.dataSource instanceof DataManager) {
-                            this.initRemoteRender = true;
+                    if (!this_1.list) {
+                        if (this_1.dataSource instanceof DataManager) {
+                            this_1.initRemoteRender = true;
                         }
-                        this.renderList();
+                        this_1.renderList();
                     }
-                    if (!this.initRemoteRender && this.liCollections) {
-                        var element = this.liCollections[newProp.index];
-                        if (!this.checkValidLi(element)) {
-                            if (this.liCollections && this.liCollections.length === 100 &&
-                                this.getModuleName() === 'autocomplete' && this.listData.length > 100) {
-                                this.setSelectionData(newProp.index, oldProp.index, 'index');
+                    if (!this_1.initRemoteRender && this_1.liCollections) {
+                        var element = this_1.liCollections[newProp.index];
+                        if (!this_1.checkValidLi(element)) {
+                            if (this_1.liCollections && this_1.liCollections.length === 100 &&
+                                this_1.getModuleName() === 'autocomplete' && this_1.listData.length > 100) {
+                                this_1.setSelectionData(newProp.index, oldProp.index, 'index');
                             }
                             else {
-                                this.index = oldProp.index;
+                                this_1.index = oldProp.index;
                             }
                         }
-                        this.updateInputFields();
+                        this_1.updateInputFields();
                     }
                     break;
                 case 'footerTemplate':
-                    if (this.popupObj) {
-                        this.setFooterTemplate(this.popupObj.element);
+                    if (this_1.popupObj) {
+                        this_1.setFooterTemplate(this_1.popupObj.element);
                     }
                     break;
                 case 'headerTemplate':
-                    if (this.popupObj) {
-                        this.setHeaderTemplate(this.popupObj.element);
+                    if (this_1.popupObj) {
+                        this_1.setHeaderTemplate(this_1.popupObj.element);
                     }
                     break;
                 case 'valueTemplate':
-                    if (!isNullOrUndefined(this.itemData) && this.valueTemplate != null) {
-                        this.setValueTemplate();
+                    if (!isNullOrUndefined(this_1.itemData) && this_1.valueTemplate != null) {
+                        this_1.setValueTemplate();
                     }
                     break;
                 case 'allowFiltering':
-                    if (this.allowFiltering) {
-                        this.actionCompleteData = { ulElement: this.ulElement,
-                            list: this.listData, isUpdated: true };
-                        this.actionData = this.actionCompleteData;
-                        this.updateSelectElementData(this.allowFiltering);
+                    if (this_1.allowFiltering) {
+                        this_1.actionCompleteData = { ulElement: this_1.ulElement,
+                            list: this_1.listData, isUpdated: true };
+                        this_1.actionData = this_1.actionCompleteData;
+                        this_1.updateSelectElementData(this_1.allowFiltering);
                     }
                     break;
                 case 'floatLabelType':
-                    Input.removeFloating(this.inputWrapper);
-                    Input.addFloating(this.inputElement, newProp.floatLabelType, this.placeholder, this.createElement);
+                    Input.removeFloating(this_1.inputWrapper);
+                    Input.addFloating(this_1.inputElement, newProp.floatLabelType, this_1.placeholder, this_1.createElement);
                     break;
                 case 'showClearButton':
-                    Input.setClearButton(newProp.showClearButton, this.inputElement, this.inputWrapper, null, this.createElement);
-                    this.bindClearEvent();
+                    Input.setClearButton(newProp.showClearButton, this_1.inputElement, this_1.inputWrapper, null, this_1.createElement);
+                    this_1.bindClearEvent();
                     break;
                 default:
                     {
                         // eslint-disable-next-line max-len
-                        var ddlProps = this.getPropObject(prop, newProp, oldProp);
-                        _super.prototype.onPropertyChanged.call(this, ddlProps.newProperty, ddlProps.oldProperty);
+                        var ddlProps = this_1.getPropObject(prop, newProp, oldProp);
+                        _super.prototype.onPropertyChanged.call(this_1, ddlProps.newProperty, ddlProps.oldProperty);
                     }
                     break;
             }
+        };
+        var this_1 = this;
+        for (var _i = 0, _a = Object.keys(newProp); _i < _a.length; _i++) {
+            var prop = _a[_i];
+            _loop_1(prop);
         }
     };
     DropDownList.prototype.checkValidLi = function (element) {

package/src/list-box/list-box.js

@@ -742,9 +742,10 @@ var ListBox = /** @class */ (function (_super) {
                     }
                     if (objValue === dataValue) {
                         itemIdx = this.getIndexByValue(dataValue);
-                        liCollections.push(liElement[itemIdx]);
-                        removeIdxes.push(i);
-                        removeLiIdxes.push(itemIdx);
+                        var idx = itemIdx === i ? itemIdx : i;
+                        liCollections.push(liElement[idx]);
+                        removeIdxes.push(idx);
+                        removeLiIdxes.push(idx);
                     }
                 }
             }

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

@@ -3482,6 +3482,17 @@ var MultiSelect = /** @class */ (function (_super) {
                     this.notify('selectAllText', false);
                     break;
                 case 'popupHeight':
+                    if (this.popupObj) {
+                        var overAllHeight = parseInt(this.popupHeight, 10);
+                        if (this.popupHeight !== 'auto') {
+                            this.list.style.maxHeight = formatUnit(overAllHeight);
+                            this.popupWrapper.style.maxHeight = formatUnit(this.popupHeight);
+                        }
+                        else {
+                            this.list.style.maxHeight = formatUnit(this.popupHeight);
+                        }
+                    }
+                    break;
                 case 'headerTemplate':
                 case 'footerTemplate':
                     this.reInitializePoup();
@@ -3936,6 +3947,7 @@ var MultiSelect = /** @class */ (function (_super) {
         this.mainData = null;
         this.filterParent = null;
         this.ulElement = null;
+        this.mainListCollection = null;
         _super.prototype.destroy.call(this);
         var temp = ['readonly', 'aria-disabled', 'aria-placeholder', 'placeholder'];
         var length = temp.length;

package/styles/bootstrap-dark.css

@@ -1339,11 +1339,13 @@ ejs-dropdownlist {
   padding: 13px 0 13px 0;
 }
 
-.e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box) {
+.e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box),
+.e-multi-select-wrapper .e-multi-searcher.e-zero-size:not(.e-multiselect-box) {
   width: 0;
 }
 
-.e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box) input[type='text'] {
+.e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box) input[type='text'],
+.e-multi-select-wrapper .e-multi-searcher.e-zero-size:not(.e-multiselect-box) input[type='text'] {
   height: 1px;
   min-height: 1px;
 }
@@ -1471,7 +1473,8 @@ ejs-dropdownlist {
   word-wrap: initial;
 }
 
-.e-multiselect.e-input-group .e-searcher .e-label-top {
+.e-multiselect.e-input-group .e-searcher .e-label-top,
+.e-multiselect.e-input-group .e-multi-searcher .e-label-top {
   top: 17px;
 }
 
@@ -1671,7 +1674,8 @@ ejs-dropdownlist {
   padding-left: 6px;
 }
 
-.e-multi-select-list-wrapper .e-hide-listitem {
+.e-multi-select-list-wrapper .e-hide-listitem,
+.e-multi-select-list-wrapper .e-hide-group-header {
   display: none;
 }
 
@@ -3056,6 +3060,16 @@ ejs-listbox {
   height: calc(100% - 52px);
 }
 
+.e-listbox-wrapper.e-select-all .e-list-parent,
+.e-listbox-container.e-select-all .e-list-parent {
+  height: calc(100% - 40px);
+}
+
+.e-listbox-wrapper.e-filter-list.e-select-all .e-list-parent,
+.e-listbox-container.e-filter-list.e-select-all .e-list-parent {
+  height: calc(100% - 92px);
+}
+
 .e-listbox-wrapper .e-icons,
 .e-listbox-container .e-icons {
   color: #f0f0f0;

package/styles/bootstrap.css

@@ -1338,11 +1338,13 @@ ejs-dropdownlist {
   padding: 13px 0 13px 0;
 }
 
-.e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box) {
+.e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box),
+.e-multi-select-wrapper .e-multi-searcher.e-zero-size:not(.e-multiselect-box) {
   width: 0;
 }
 
-.e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box) input[type='text'] {
+.e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box) input[type='text'],
+.e-multi-select-wrapper .e-multi-searcher.e-zero-size:not(.e-multiselect-box) input[type='text'] {
   height: 1px;
   min-height: 1px;
 }
@@ -1470,7 +1472,8 @@ ejs-dropdownlist {
   word-wrap: initial;
 }
 
-.e-multiselect.e-input-group .e-searcher .e-label-top {
+.e-multiselect.e-input-group .e-searcher .e-label-top,
+.e-multiselect.e-input-group .e-multi-searcher .e-label-top {
   top: 16px;
 }
 
@@ -1670,7 +1673,8 @@ ejs-dropdownlist {
   padding-left: 6px;
 }
 
-.e-multi-select-list-wrapper .e-hide-listitem {
+.e-multi-select-list-wrapper .e-hide-listitem,
+.e-multi-select-list-wrapper .e-hide-group-header {
   display: none;
 }
 
@@ -3055,6 +3059,16 @@ ejs-listbox {
   height: calc(100% - 52px);
 }
 
+.e-listbox-wrapper.e-select-all .e-list-parent,
+.e-listbox-container.e-select-all .e-list-parent {
+  height: calc(100% - 40px);
+}
+
+.e-listbox-wrapper.e-filter-list.e-select-all .e-list-parent,
+.e-listbox-container.e-filter-list.e-select-all .e-list-parent {
+  height: calc(100% - 92px);
+}
+
 .e-listbox-wrapper .e-icons,
 .e-listbox-container .e-icons {
   color: rgba(0, 0, 0, 0.75);

package/styles/bootstrap4.css

@@ -1475,11 +1475,13 @@ ejs-dropdownlist {
   padding: 13px 0 13px 0;
 }
 
-.e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box) {
+.e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box),
+.e-multi-select-wrapper .e-multi-searcher.e-zero-size:not(.e-multiselect-box) {
   width: 0;
 }
 
-.e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box) input[type='text'] {
+.e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box) input[type='text'],
+.e-multi-select-wrapper .e-multi-searcher.e-zero-size:not(.e-multiselect-box) input[type='text'] {
   height: 1px;
   min-height: 1px;
 }
@@ -1609,7 +1611,8 @@ ejs-dropdownlist {
   word-wrap: initial;
 }
 
-.e-multiselect.e-input-group .e-searcher .e-label-top {
+.e-multiselect.e-input-group .e-searcher .e-label-top,
+.e-multiselect.e-input-group .e-multi-searcher .e-label-top {
   top: 15px;
 }
 
@@ -1824,7 +1827,8 @@ ejs-dropdownlist {
   padding-left: 12px;
 }
 
-.e-multi-select-list-wrapper .e-hide-listitem {
+.e-multi-select-list-wrapper .e-hide-listitem,
+.e-multi-select-list-wrapper .e-hide-group-header {
   display: none;
 }
 
@@ -3288,6 +3292,16 @@ ejs-listbox {
   height: calc(100% - 39px);
 }
 
+.e-listbox-wrapper.e-select-all .e-list-parent,
+.e-listbox-container.e-select-all .e-list-parent {
+  height: calc(100% - 40px);
+}
+
+.e-listbox-wrapper.e-filter-list.e-select-all .e-list-parent,
+.e-listbox-container.e-filter-list.e-select-all .e-list-parent {
+  height: calc(100% - 79px);
+}
+
 .e-listbox-wrapper .e-icons,
 .e-listbox-container .e-icons {
   color: #212529;

package/styles/bootstrap5-dark.css

@@ -1445,11 +1445,13 @@ ejs-dropdownlist {
   padding: 12px 4px 11px 0;
 }
 
-.e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box) {
+.e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box),
+.e-multi-select-wrapper .e-multi-searcher.e-zero-size:not(.e-multiselect-box) {
   width: 0;
 }
 
-.e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box) input[type='text'] {
+.e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box) input[type='text'],
+.e-multi-select-wrapper .e-multi-searcher.e-zero-size:not(.e-multiselect-box) input[type='text'] {
   height: 1px;
   min-height: 1px;
 }
@@ -1579,7 +1581,8 @@ ejs-dropdownlist {
   word-wrap: initial;
 }
 
-.e-multiselect.e-input-group .e-searcher .e-label-top {
+.e-multiselect.e-input-group .e-searcher .e-label-top,
+.e-multiselect.e-input-group .e-multi-searcher .e-label-top {
   top: 15px;
 }
 
@@ -1789,7 +1792,8 @@ ejs-dropdownlist {
   padding-left: 0;
 }
 
-.e-multi-select-list-wrapper .e-hide-listitem {
+.e-multi-select-list-wrapper .e-hide-listitem,
+.e-multi-select-list-wrapper .e-hide-group-header {
   display: none;
 }
 
@@ -3173,6 +3177,16 @@ ejs-listbox {
   height: calc(100% - 47px);
 }
 
+.e-listbox-wrapper.e-select-all .e-list-parent,
+.e-listbox-container.e-select-all .e-list-parent {
+  height: calc(100% - 36px);
+}
+
+.e-listbox-wrapper.e-filter-list.e-select-all .e-list-parent,
+.e-listbox-container.e-filter-list.e-select-all .e-list-parent {
+  height: calc(100% - 86px);
+}
+
 .e-listbox-wrapper .e-list-item,
 .e-listbox-container .e-list-item {
   background-color: transparent;