@syncfusion/ej2-dropdowns 20.1.61 → 20.2.39

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

@@ -97,6 +97,7 @@ var MultiSelect = /** @class */ (function (_super) {
     function MultiSelect(option, element) {
         var _this = _super.call(this, option, element) || this;
         _this.clearIconWidth = 0;
+        _this.previousFilterText = '';
         _this.isValidKey = false;
         _this.selectAllEventData = [];
         _this.selectAllEventEle = [];
@@ -594,7 +595,7 @@ var MultiSelect = /** @class */ (function (_super) {
                 this.showPopup();
             }
             else {
-                this.hidePopup();
+                this.hidePopup(e);
             }
         }
         else if (!this.openOnClick && this.mode === 'CheckBox' && !this.isPopupOpen()) {
@@ -663,7 +664,7 @@ var MultiSelect = /** @class */ (function (_super) {
             var list = this.mainList.cloneNode ? this.mainList.cloneNode(true) : this.mainList;
             if (this.backCommand) {
                 this.remoteCustomValue = false;
-                if (this.allowCustomValue && list.querySelectorAll('li').length === 0 && this.mainData.length > 0) {
+                if (this.allowCustomValue && list.querySelectorAll('li').length == 0 && this.mainData.length > 0) {
                     this.mainData = [];
                 }
                 this.onActionComplete(list, this.mainData);
@@ -754,7 +755,7 @@ var MultiSelect = /** @class */ (function (_super) {
                 this.showPopup();
             }
             else {
-                this.hidePopup();
+                this.hidePopup(e);
                 if (this.mode === 'CheckBox') {
                     this.showOverAllClear();
                     this.inputFocus = true;
@@ -832,6 +833,7 @@ var MultiSelect = /** @class */ (function (_super) {
                 }
             }
         }
+        this.updateDataList();
         this.refreshListItems(null);
         if (this.mode !== 'Box' && this.mode !== 'CheckBox') {
             this.updateDelimView();
@@ -842,7 +844,7 @@ var MultiSelect = /** @class */ (function (_super) {
         }
         this.overAllClear.style.display = 'none';
         if (this.isPopupOpen()) {
-            this.hidePopup();
+            this.hidePopup(eve);
         }
         this.makeTextBoxEmpty();
         this.trigger('blur');
@@ -1036,7 +1038,7 @@ var MultiSelect = /** @class */ (function (_super) {
     MultiSelect.prototype.popupKeyActions = function (e) {
         switch (e.keyCode) {
             case 38:
-                this.hidePopup();
+                this.hidePopup(e);
                 if (this.mode === 'CheckBox') {
                     this.inputElement.focus();
                 }
@@ -1058,7 +1060,7 @@ var MultiSelect = /** @class */ (function (_super) {
                 var filterInput = this.popupWrapper.querySelector('.' + FILTERINPUT);
                 filterInput && filterInput.setAttribute('aria-activedescendant', focusedItem.id);
             }
-            else if (this.mode === 'CheckBox') {
+            else if (this.mode == "CheckBox") {
                 this.overAllWrapper.setAttribute('aria-activedescendant', focusedItem.id);
             }
         }
@@ -1118,7 +1120,7 @@ var MultiSelect = /** @class */ (function (_super) {
                     break;
                 case 27:
                     e.preventDefault();
-                    this.hidePopup();
+                    this.hidePopup(e);
                     if (this.mode === 'CheckBox') {
                         this.inputElement.focus();
                     }
@@ -1135,7 +1137,7 @@ var MultiSelect = /** @class */ (function (_super) {
                     return;
                 case 9:
                     e.preventDefault();
-                    this.hidePopup();
+                    this.hidePopup(e);
                     this.inputElement.focus();
                     this.overAllWrapper.classList.add(FOCUS);
             }
@@ -1163,6 +1165,9 @@ var MultiSelect = /** @class */ (function (_super) {
             this.keyNavigation(e);
         }
         if (this.mode === 'CheckBox' && this.enableSelectionOrder) {
+            if (this.allowFiltering) {
+                this.previousFilterText = this.targetElement();
+            }
             this.checkBackCommand(e);
         }
         this.expandTextbox();
@@ -1211,7 +1216,7 @@ var MultiSelect = /** @class */ (function (_super) {
         this.checkPlaceholderSize();
     };
     MultiSelect.prototype.checkBackCommand = function (e) {
-        if (e.keyCode === 8 && this.targetElement() === '') {
+        if (e.keyCode === 8 && this.allowFiltering ? this.targetElement() !== this.previousFilterText : this.targetElement() === '') {
             this.backCommand = false;
         }
         else {
@@ -1357,7 +1362,7 @@ var MultiSelect = /** @class */ (function (_super) {
             }
             this.refreshSelection();
             if (this.closePopupOnSelect) {
-                this.hidePopup();
+                this.hidePopup(e);
             }
         }
         this.refreshPlaceHolder();
@@ -1389,7 +1394,7 @@ var MultiSelect = /** @class */ (function (_super) {
             this.makeTextBoxEmpty();
         }
         if (this.closePopupOnSelect) {
-            this.hidePopup();
+            this.hidePopup(e);
         }
         this.checkPlaceholderSize();
     };
@@ -1509,7 +1514,7 @@ var MultiSelect = /** @class */ (function (_super) {
                 value = customVal;
             }
             if (this.isPopupOpen() && this.mode !== 'CheckBox') {
-                this.hidePopup();
+                this.hidePopup(e);
             }
             if (!this.inputFocus) {
                 this.inputElement.focus();
@@ -1623,7 +1628,7 @@ var MultiSelect = /** @class */ (function (_super) {
                         });
                         _this.invokeCheckboxSelection(element_1, eve, isClearAll);
                     }
-                    if (_this.hideSelectedItem && _this.fields.groupBy) {
+                    if (_this.hideSelectedItem && _this.fields.groupBy && element_1) {
                         _this.hideGroupItem(value);
                     }
                     if (_this.hideSelectedItem && _this.fixedHeaderElement && _this.fields.groupBy && _this.mode !== 'CheckBox' &&
@@ -2467,15 +2472,10 @@ var MultiSelect = /** @class */ (function (_super) {
         }
     };
     MultiSelect.prototype.updateDataList = function () {
-        if (this.mainList && this.ulElement) {
+        if (this.mainList && this.ulElement && !(this.isFiltered || this.filterAction)) {
             var isDynamicGroupItemUpdate = this.mainList.childElementCount < this.ulElement.childElementCount;
-            var isReactTemplateUpdate = ((this.ulElement.childElementCount > 0 &&
-                this.ulElement.children[0].childElementCount > 0) &&
-                (this.mainList.children[0].childElementCount < this.ulElement.children[0].childElementCount));
-            var isAngularTemplateUpdate = this.itemTemplate && this.ulElement.childElementCount > 0
-                && !(this.ulElement.childElementCount < this.mainList.childElementCount)
-                && (this.ulElement.children[0].childElementCount > 0
-                    || (this.fields.groupBy && this.ulElement.children[1] && this.ulElement.children[1].childElementCount > 0));
+            var isReactTemplateUpdate = ((this.ulElement.childElementCount > 0 && this.ulElement.children[0].childElementCount > 0) && (this.mainList.children[0].childElementCount < this.ulElement.children[0].childElementCount));
+            var isAngularTemplateUpdate = this.itemTemplate && this.ulElement.childElementCount > 0 && !(this.ulElement.childElementCount < this.mainList.childElementCount) && (this.ulElement.children[0].childElementCount > 0 || (this.fields.groupBy && this.ulElement.children[1] && this.ulElement.children[1].childElementCount > 0));
             if (isDynamicGroupItemUpdate || isReactTemplateUpdate || isAngularTemplateUpdate) {
                 //EJ2-57748 - for this task, we prevent the ul element cloning ( this.mainList = this.ulElement.cloneNode ? <HTMLElement>this.ulElement.cloneNode(true) : this.ulElement;)
                 this.mainList = this.ulElement;
@@ -2694,7 +2694,7 @@ var MultiSelect = /** @class */ (function (_super) {
                     this.focusAtFirstListItem();
                 }
                 if (this.closePopupOnSelect) {
-                    this.hidePopup();
+                    this.hidePopup(e);
                 }
                 else {
                     e.preventDefault();
@@ -3547,6 +3547,7 @@ var MultiSelect = /** @class */ (function (_super) {
         }
         return valuecheck;
     };
+    ;
     MultiSelect.prototype.addNonPresentItems = function (valuecheck, ulElement, list, event) {
         var _this = this;
         this.dataSource.executeQuery(this.getForQuery(valuecheck)).then(function (e) {
@@ -3554,6 +3555,7 @@ var MultiSelect = /** @class */ (function (_super) {
             _this.updateActionList(ulElement, list, event);
         });
     };
+    ;
     MultiSelect.prototype.updateVal = function (newProp, oldProp, prop) {
         if (!this.list) {
             this.onLoadSelect();
@@ -3566,7 +3568,7 @@ var MultiSelect = /** @class */ (function (_super) {
             if (!isNullOrUndefined(this.value) && !this.allowCustomValue) {
                 valuecheck = this.presentItemValue(this.ulElement);
             }
-            if (prop === 'value' && valuecheck.length > 0 && this.dataSource instanceof DataManager && !isNullOrUndefined(this.value)
+            if (prop == 'value' && valuecheck.length > 0 && this.dataSource instanceof DataManager && !isNullOrUndefined(this.value)
                 && this.listData != null) {
                 this.mainData = null;
                 this.setDynValue = true;
@@ -3620,7 +3622,7 @@ var MultiSelect = /** @class */ (function (_super) {
      *
      * @returns {void}
      */
-    MultiSelect.prototype.hidePopup = function () {
+    MultiSelect.prototype.hidePopup = function (e) {
         var _this = this;
         var delay = 100;
         if (this.isPopupOpen()) {
@@ -3629,7 +3631,7 @@ var MultiSelect = /** @class */ (function (_super) {
                 duration: 100,
                 delay: delay ? delay : 0
             };
-            var eventArgs = { popup: this.popupObj, cancel: false, animation: animModel };
+            var eventArgs = { popup: this.popupObj, cancel: false, animation: animModel, event: e || null };
             this.trigger('close', eventArgs, function (eventArgs) {
                 if (!eventArgs.cancel) {
                     if (_this.fields.groupBy && _this.mode !== 'CheckBox' && _this.fixedHeaderElement) {
@@ -3677,7 +3679,7 @@ var MultiSelect = /** @class */ (function (_super) {
                 var mainLiLength = _this.ulElement.querySelectorAll('li.' + 'e-list-item').length;
                 var liLength = _this.ulElement.querySelectorAll('li.'
                     + dropDownBaseClasses.li + '.' + HIDE_LIST).length;
-                if (mainLiLength > 0 && (mainLiLength === liLength) && (liLength === _this.mainData.length)) {
+                if (mainLiLength > 0 && (mainLiLength === liLength) && (liLength === _this.mainData.length) && !(_this.targetElement() !== '' && _this.allowCustomValue)) {
                     _this.beforePopupOpen = false;
                     return;
                 }

package/styles/auto-complete/_fusionnew-definition.scss

@@ -0,0 +1,2 @@
+//default 
+//enddefault

package/styles/auto-complete/_material3-definition.scss

@@ -0,0 +1,2 @@
+//default 
+//enddefault

package/styles/bootstrap-dark.css

@@ -2376,6 +2376,10 @@ ejs-multiselect {
 .e-listbox-container * {
   box-sizing: border-box;
 }
+.e-listbox-wrapper.e-listboxtool-container .e-list-wrap,
+.e-listbox-container.e-listboxtool-container .e-list-wrap {
+  width: 86% !important;
+}
 .e-listbox-wrapper:focus,
 .e-listbox-container:focus {
   outline: none;
@@ -2606,8 +2610,8 @@ ejs-multiselect {
   text-indent: 0;
   vertical-align: middle;
 }
-.e-listbox-wrapper.e-right .e-checkbox-wrapper,
-.e-listbox-container.e-right .e-checkbox-wrapper {
+.e-listbox-wrapper.e-checkbox-right .e-checkbox-wrapper,
+.e-listbox-container.e-checkbox-right .e-checkbox-wrapper {
   position: absolute;
   right: 0;
   top: 30%;
@@ -2726,6 +2730,22 @@ ejs-listbox {
   list-style-type: none;
   margin-bottom: 10px;
 }
+.e-listboxtool-wrapper.e-checkbox-right .e-checkbox-wrapper,
+.e-listboxtool-container.e-checkbox-right .e-checkbox-wrapper {
+  position: absolute;
+  right: 0;
+  top: 30%;
+}
+
+.e-listboxtool-container .e-left {
+  -ms-flex-direction: row-reverse;
+      flex-direction: row-reverse;
+}
+
+.e-listboxtool-wrapper .e-left {
+  -ms-flex-direction: column-reverse;
+      flex-direction: column-reverse;
+}
 
 .e-rtl.e-listboxtool-wrapper.e-right .e-listbox-tool,
 .e-rtl.e-listboxtool-container.e-right .e-listbox-tool {
@@ -2736,6 +2756,12 @@ ejs-listbox {
   margin-left: 15px;
 }
 
+.e-bigger .e-listbox-wrapper.e-listboxtool-container .e-list-wrap,
+.e-listbox-wrapper.e-bigger.e-listboxtool-container .e-list-wrap,
+.e-bigger .e-listbox-container.e-listboxtool-container .e-list-wrap,
+.e-listbox-container.e-bigger.e-listboxtool-container .e-list-wrap {
+  width: 85% !important;
+}
 .e-bigger .e-listbox-wrapper .e-list-item,
 .e-listbox-wrapper.e-bigger .e-list-item,
 .e-bigger .e-listbox-container .e-list-item,
@@ -2823,21 +2849,48 @@ ejs-listbox {
 .e-listbox-container.e-bigger .e-list-header .e-text {
   font-size: 15px;
 }
-.e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
-.e-small .e-listbox-container.e-filter-list .e-list-parent {
+.e-listbox-wrapper.e-filter-list .e-list-parent {
+  height: calc(100% - 52px);
+}
+
+.e-listbox-container.e-filter-list .e-list-wrap {
+  height: calc(100% - 52px) !important;
+}
+
+.e-small .e-listbox-wrapper.e-filter-list .e-list-parent {
   height: calc(100% - 46px);
 }
 
-.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
-.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
+.e-small .e-listbox-container.e-filter-list .e-list-wrap {
+  height: calc(100% - 46px) !important;
+}
+
+.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent {
   height: calc(100% - 58px);
 }
 
-.e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
-.e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
+.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
+  height: calc(100% - 58px) !important;
+}
+
+.e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
+.e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
+  height: calc(100% - 106px);
+}
+
+.e-bigger .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
+.e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent {
+  height: calc(100% - 48px);
+}
+
+.e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent {
   height: calc(100% - 54px);
 }
 
+.e-small.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
+  height: calc(100% - 54px) !important;
+}
+
 .e-listbox-wrapper,
 .e-listbox-container:not(.e-listboxtool-container):not(.e-sortableclone),
 .e-listboxtool-container.e-listbox-container .e-ul {
@@ -2857,9 +2910,14 @@ ejs-listbox {
   font-size: 14px;
 }
 
-.e-listbox-wrapper.e-filter-list .e-list-parent,
-.e-listbox-container.e-filter-list .e-list-parent {
-  height: calc(100% - 52px);
+.e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
+.e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
+  height: calc(100% - 92px);
+}
+
+.e-listbox-wrapper .e-selectall-parent + .e-list-parent,
+.e-listbox-container .e-selectall-parent + .e-list-parent {
+  height: calc(100% - 40px);
 }
 
 .e-listbox-wrapper .e-icons,

package/styles/bootstrap.css

@@ -2375,6 +2375,10 @@ ejs-multiselect {
 .e-listbox-container * {
   box-sizing: border-box;
 }
+.e-listbox-wrapper.e-listboxtool-container .e-list-wrap,
+.e-listbox-container.e-listboxtool-container .e-list-wrap {
+  width: 86% !important;
+}
 .e-listbox-wrapper:focus,
 .e-listbox-container:focus {
   outline: none;
@@ -2605,8 +2609,8 @@ ejs-multiselect {
   text-indent: 0;
   vertical-align: middle;
 }
-.e-listbox-wrapper.e-right .e-checkbox-wrapper,
-.e-listbox-container.e-right .e-checkbox-wrapper {
+.e-listbox-wrapper.e-checkbox-right .e-checkbox-wrapper,
+.e-listbox-container.e-checkbox-right .e-checkbox-wrapper {
   position: absolute;
   right: 0;
   top: 30%;
@@ -2725,6 +2729,22 @@ ejs-listbox {
   list-style-type: none;
   margin-bottom: 10px;
 }
+.e-listboxtool-wrapper.e-checkbox-right .e-checkbox-wrapper,
+.e-listboxtool-container.e-checkbox-right .e-checkbox-wrapper {
+  position: absolute;
+  right: 0;
+  top: 30%;
+}
+
+.e-listboxtool-container .e-left {
+  -ms-flex-direction: row-reverse;
+      flex-direction: row-reverse;
+}
+
+.e-listboxtool-wrapper .e-left {
+  -ms-flex-direction: column-reverse;
+      flex-direction: column-reverse;
+}
 
 .e-rtl.e-listboxtool-wrapper.e-right .e-listbox-tool,
 .e-rtl.e-listboxtool-container.e-right .e-listbox-tool {
@@ -2735,6 +2755,12 @@ ejs-listbox {
   margin-left: 15px;
 }
 
+.e-bigger .e-listbox-wrapper.e-listboxtool-container .e-list-wrap,
+.e-listbox-wrapper.e-bigger.e-listboxtool-container .e-list-wrap,
+.e-bigger .e-listbox-container.e-listboxtool-container .e-list-wrap,
+.e-listbox-container.e-bigger.e-listboxtool-container .e-list-wrap {
+  width: 85% !important;
+}
 .e-bigger .e-listbox-wrapper .e-list-item,
 .e-listbox-wrapper.e-bigger .e-list-item,
 .e-bigger .e-listbox-container .e-list-item,
@@ -2822,21 +2848,48 @@ ejs-listbox {
 .e-listbox-container.e-bigger .e-list-header .e-text {
   font-size: 15px;
 }
-.e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
-.e-small .e-listbox-container.e-filter-list .e-list-parent {
+.e-listbox-wrapper.e-filter-list .e-list-parent {
+  height: calc(100% - 52px);
+}
+
+.e-listbox-container.e-filter-list .e-list-wrap {
+  height: calc(100% - 52px) !important;
+}
+
+.e-small .e-listbox-wrapper.e-filter-list .e-list-parent {
   height: calc(100% - 46px);
 }
 
-.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
-.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
+.e-small .e-listbox-container.e-filter-list .e-list-wrap {
+  height: calc(100% - 46px) !important;
+}
+
+.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent {
   height: calc(100% - 58px);
 }
 
-.e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
-.e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
+.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
+  height: calc(100% - 58px) !important;
+}
+
+.e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
+.e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
+  height: calc(100% - 106px);
+}
+
+.e-bigger .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
+.e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent {
+  height: calc(100% - 48px);
+}
+
+.e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent {
   height: calc(100% - 54px);
 }
 
+.e-small.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
+  height: calc(100% - 54px) !important;
+}
+
 .e-listbox-wrapper,
 .e-listbox-container:not(.e-listboxtool-container):not(.e-sortableclone),
 .e-listboxtool-container.e-listbox-container .e-ul {
@@ -2856,9 +2909,14 @@ ejs-listbox {
   font-size: 14px;
 }
 
-.e-listbox-wrapper.e-filter-list .e-list-parent,
-.e-listbox-container.e-filter-list .e-list-parent {
-  height: calc(100% - 52px);
+.e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
+.e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
+  height: calc(100% - 92px);
+}
+
+.e-listbox-wrapper .e-selectall-parent + .e-list-parent,
+.e-listbox-container .e-selectall-parent + .e-list-parent {
+  height: calc(100% - 40px);
 }
 
 .e-listbox-wrapper .e-icons,

package/styles/bootstrap4.css

@@ -2558,6 +2558,10 @@ ejs-multiselect {
 .e-listbox-container * {
   box-sizing: border-box;
 }
+.e-listbox-wrapper.e-listboxtool-container .e-list-wrap,
+.e-listbox-container.e-listboxtool-container .e-list-wrap {
+  width: 86% !important;
+}
 .e-listbox-wrapper:focus,
 .e-listbox-container:focus {
   outline: none;
@@ -2788,8 +2792,8 @@ ejs-multiselect {
   text-indent: 0;
   vertical-align: middle;
 }
-.e-listbox-wrapper.e-right .e-checkbox-wrapper,
-.e-listbox-container.e-right .e-checkbox-wrapper {
+.e-listbox-wrapper.e-checkbox-right .e-checkbox-wrapper,
+.e-listbox-container.e-checkbox-right .e-checkbox-wrapper {
   position: absolute;
   right: 0;
   top: 30%;
@@ -2908,6 +2912,22 @@ ejs-listbox {
   list-style-type: none;
   margin-bottom: 10px;
 }
+.e-listboxtool-wrapper.e-checkbox-right .e-checkbox-wrapper,
+.e-listboxtool-container.e-checkbox-right .e-checkbox-wrapper {
+  position: absolute;
+  right: 0;
+  top: 30%;
+}
+
+.e-listboxtool-container .e-left {
+  -ms-flex-direction: row-reverse;
+      flex-direction: row-reverse;
+}
+
+.e-listboxtool-wrapper .e-left {
+  -ms-flex-direction: column-reverse;
+      flex-direction: column-reverse;
+}
 
 .e-rtl.e-listboxtool-wrapper.e-right .e-listbox-tool,
 .e-rtl.e-listboxtool-container.e-right .e-listbox-tool {
@@ -2924,6 +2944,12 @@ ejs-listbox {
 .e-listbox-container.e-bigger {
   font-size: 16px;
 }
+.e-bigger .e-listbox-wrapper.e-listboxtool-container .e-list-wrap,
+.e-listbox-wrapper.e-bigger.e-listboxtool-container .e-list-wrap,
+.e-bigger .e-listbox-container.e-listboxtool-container .e-list-wrap,
+.e-listbox-container.e-bigger.e-listboxtool-container .e-list-wrap {
+  width: 85% !important;
+}
 .e-bigger .e-listbox-wrapper .e-list-item,
 .e-listbox-wrapper.e-bigger .e-list-item,
 .e-bigger .e-listbox-container .e-list-item,
@@ -3049,21 +3075,48 @@ ejs-listbox {
   margin: 0 0 0 12px;
 }
 
-.e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
-.e-small .e-listbox-container.e-filter-list .e-list-parent {
+.e-listbox-wrapper.e-filter-list .e-list-parent {
+  height: calc(100% - 39px);
+}
+
+.e-listbox-container.e-filter-list .e-list-wrap {
+  height: calc(100% - 39px) !important;
+}
+
+.e-small .e-listbox-wrapper.e-filter-list .e-list-parent {
   height: calc(100% - 32px);
 }
 
-.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
-.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
+.e-small .e-listbox-container.e-filter-list .e-list-wrap {
+  height: calc(100% - 32px) !important;
+}
+
+.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent {
   height: calc(100% - 46px);
 }
 
-.e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
-.e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
+.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
+  height: calc(100% - 46px) !important;
+}
+
+.e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
+.e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
+  height: calc(100% - 96px);
+}
+
+.e-bigger .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
+.e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent {
+  height: calc(100% - 50px);
+}
+
+.e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent {
   height: calc(100% - 44px);
 }
 
+.e-small.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
+  height: calc(100% - 44px) !important;
+}
+
 .e-listbox-wrapper,
 .e-listbox-container:not(.e-listboxtool-container):not(.e-sortableclone),
 .e-listboxtool-container.e-listbox-container .e-ul {
@@ -3083,9 +3136,14 @@ ejs-listbox {
   font-size: 16px;
 }
 
-.e-listbox-wrapper.e-filter-list .e-list-parent,
-.e-listbox-container.e-filter-list .e-list-parent {
-  height: calc(100% - 39px);
+.e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
+.e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
+  height: calc(100% - 79px);
+}
+
+.e-listbox-wrapper .e-selectall-parent + .e-list-parent,
+.e-listbox-container .e-selectall-parent + .e-list-parent {
+  height: calc(100% - 40px);
 }
 
 .e-listbox-wrapper .e-icons,