@syncfusion/ej2-dropdowns 19.4.38 → 19.4.47

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 19.4.38
+*  version : 19.4.47
 *  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@18.34.12",
+  "_id": "@syncfusion/ej2-dropdowns@19.4.42",
   "_inBundle": false,
-  "_integrity": "sha512-GpZ9oh7UZXwnybsQmiiBdwawlGvjrvCBIG0qtHQ5La0zjOsOKVIYPk3Lu+CvXwLu3FuxLXFCfy5JiBA/AA9WAg==",
+  "_integrity": "sha512-HdBgbtk1oTZUGEpWTZoqm2BIta22chW9VPLRX9Xd2dO+9ut1KgTQLmJpT1XPQlMiUHc93H6cgPfS/tkxWxeEGA==",
   "_location": "/@syncfusion/ej2-dropdowns",
   "_phantomChildren": {},
   "_requested": {
@@ -33,8 +33,8 @@
     "/@syncfusion/ej2-spreadsheet",
     "/@syncfusion/ej2-vue-dropdowns"
   ],
-  "_resolved": "http://nexus.syncfusion.com/repository/ej2-release/@syncfusion/ej2-dropdowns/-/ej2-dropdowns-18.34.12.tgz",
-  "_shasum": "0c4856ee2b4172eae286c065c85c47e0ee581236",
+  "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-dropdowns/-/ej2-dropdowns-19.4.42.tgz",
+  "_shasum": "64688484af007dde8788719b365404fe07e3ddaa",
   "_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.38",
+    "@syncfusion/ej2-base": "~19.4.42",
+    "@syncfusion/ej2-data": "~19.4.47",
+    "@syncfusion/ej2-inputs": "~19.4.47",
     "@syncfusion/ej2-lists": "~19.4.38",
-    "@syncfusion/ej2-navigations": "~19.4.38",
-    "@syncfusion/ej2-popups": "~19.4.38"
+    "@syncfusion/ej2-navigations": "~19.4.47",
+    "@syncfusion/ej2-popups": "~19.4.47"
   },
   "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.38",
+  "version": "19.4.47",
   "sideEffects": false
 }

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

@@ -1058,7 +1058,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') {

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

@@ -3108,7 +3108,7 @@ var MultiSelect = /** @class */ (function (_super) {
                 'li.e-list-item[aria-selected="true"]:not(.e-reorder-hide)');
         }
         if (this.enableGroupCheckBox && this.mode === 'CheckBox' && !isNullOrUndefined(this.fields.groupBy)) {
-            var target = (event ? event.target : null);
+            var target = (event ? (this.groupTemplate ? closest(event.target, '.e-list-group-item') : event.target) : null);
             target = (event && event.keyCode === 32) ? list : target;
             target = (target && target.classList.contains('e-frame')) ? target.parentElement.parentElement : target;
             if (target && target.classList.contains('e-list-group-item')) {
@@ -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();

package/styles/bootstrap-dark.css

@@ -2454,6 +2454,11 @@ ejs-multiselect {
   font-size: 10px;
 }
 
+.e-multiselect.e-disabled .e-multi-select-wrapper .e-delim-values {
+  -webkit-text-fill-color: #9c9c9c;
+  color: #9c9c9c;
+}
+
 .e-listbox-tool .e-moveup::before {
   content: '\e651';
 }
@@ -3051,6 +3056,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

@@ -2453,6 +2453,11 @@ ejs-multiselect {
   font-size: 10px;
 }
 
+.e-multiselect.e-disabled .e-multi-select-wrapper .e-delim-values {
+  -webkit-text-fill-color: #999;
+  color: #999;
+}
+
 .e-listbox-tool .e-moveup::before {
   content: '\e651';
 }
@@ -3050,6 +3055,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

@@ -2637,6 +2637,11 @@ ejs-multiselect {
   font-size: 10px;
 }
 
+.e-multiselect.e-disabled .e-multi-select-wrapper .e-delim-values {
+  -webkit-text-fill-color: #6c757d;
+  color: #6c757d;
+}
+
 .e-listbox-tool .e-moveup::before {
   content: '\e808';
 }
@@ -3283,6 +3288,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

@@ -2571,6 +2571,11 @@ ejs-multiselect {
   font-size: 14px;
 }
 
+.e-multiselect.e-disabled .e-multi-select-wrapper .e-delim-values {
+  -webkit-text-fill-color: #e9ecef;
+  color: #e9ecef;
+}
+
 .e-listbox-tool .e-moveup::before {
   content: '\e776';
 }
@@ -3168,6 +3173,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;

package/styles/bootstrap5.css

@@ -2571,6 +2571,11 @@ ejs-multiselect {
   font-size: 14px;
 }
 
+.e-multiselect.e-disabled .e-multi-select-wrapper .e-delim-values {
+  -webkit-text-fill-color: #343a40;
+  color: #343a40;
+}
+
 .e-listbox-tool .e-moveup::before {
   content: '\e776';
 }
@@ -3168,6 +3173,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;

package/styles/fabric-dark.css

@@ -2431,6 +2431,11 @@ ejs-multiselect {
   font-size: 10px;
 }
 
+.e-multiselect.e-disabled .e-multi-select-wrapper .e-delim-values {
+  -webkit-text-fill-color: #6f6c6c;
+  color: #6f6c6c;
+}
+
 .e-listbox-tool .e-moveup::before {
   content: '\e651';
 }
@@ -3028,6 +3033,16 @@ ejs-listbox {
   height: calc(100% - 51px);
 }
 
+.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% - 87px);
+}
+
 .e-listbox-wrapper .e-icons,
 .e-listbox-container .e-icons {
   color: #dadada;

package/styles/fabric.css

@@ -2425,6 +2425,11 @@ ejs-multiselect {
   font-size: 10px;
 }
 
+.e-multiselect.e-disabled .e-multi-select-wrapper .e-delim-values {
+  -webkit-text-fill-color: #a6a6a6;
+  color: #a6a6a6;
+}
+
 .e-listbox-tool .e-moveup::before {
   content: '\e651';
 }
@@ -3022,6 +3027,16 @@ ejs-listbox {
   height: calc(100% - 51px);
 }
 
+.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% - 87px);
+}
+
 .e-listbox-wrapper .e-icons,
 .e-listbox-container .e-icons {
   color: #333;

package/styles/highcontrast-light.css

@@ -2573,6 +2573,11 @@ e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselct-group.e-checkbox .e-list-
   font-size: 10px;
 }
 
+.e-multiselect.e-disabled .e-multi-select-wrapper .e-delim-values {
+  -webkit-text-fill-color: #757575;
+  color: #757575;
+}
+
 .e-listbox-tool .e-moveup::before {
   content: '\e651';
 }
@@ -3170,6 +3175,16 @@ ejs-listbox {
   height: calc(100% - 51px);
 }
 
+.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% - 87px);
+}
+
 .e-listbox-wrapper .e-icons,
 .e-listbox-container .e-icons {
   color: #000;

package/styles/highcontrast.css

@@ -2580,6 +2580,11 @@ e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselct-group.e-checkbox .e-list-
   font-size: 10px;
 }
 
+.e-multiselect.e-disabled .e-multi-select-wrapper .e-delim-values {
+  -webkit-text-fill-color: #757575;
+  color: #757575;
+}
+
 .e-listbox-tool .e-moveup::before {
   content: '\e651';
 }
@@ -3177,6 +3182,16 @@ ejs-listbox {
   height: calc(100% - 51px);
 }
 
+.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% - 87px);
+}
+
 .e-listbox-wrapper .e-icons,
 .e-listbox-container .e-icons {
   color: #fff;

package/styles/list-box/_bootstrap-dark-definition.scss

@@ -118,3 +118,6 @@ $listbox-filter-height: calc(100% - 52px) !default;
 $listbox-filter-small-height: calc(100% - 46px) !default;
 $listbox-filter-bigger-small-height: calc(100% - 54px) !default;
 $listbox-filter-bigger-height: calc(100% - 58px) !default;
+
+$listbox-select-all-height: calc(100% - 40px) !default;
+$listbox-filter-select-all-height: calc(100% - 92px) !default;

package/styles/list-box/_bootstrap-definition.scss

@@ -112,3 +112,6 @@ $listbox-filter-height: calc(100% - 52px) !default;
 $listbox-filter-small-height: calc(100% - 46px) !default;
 $listbox-filter-bigger-small-height: calc(100% - 54px) !default;
 $listbox-filter-bigger-height: calc(100% - 58px) !default;
+
+$listbox-select-all-height: calc(100% - 40px) !default;
+$listbox-filter-select-all-height: calc(100% - 92px) !default;

package/styles/list-box/_bootstrap4-definition.scss

@@ -117,3 +117,6 @@ $listbox-filter-height: calc(100% - 39px) !default;
 $listbox-filter-small-height: calc(100% - 32px) !default;
 $listbox-filter-bigger-small-height: calc(100% - 44px) !default;
 $listbox-filter-bigger-height: calc(100% - 46px) !default;
+
+$listbox-select-all-height: calc(100% - 40px) !default;
+$listbox-filter-select-all-height: calc(100% - 79px) !default;

package/styles/list-box/_bootstrap5-definition.scss

@@ -78,6 +78,9 @@ $listbox-filter-bigger-small-height: calc(100% - 45px) !default;
 $listbox-filter-bigger-height: calc(100% - 55px) !default;
 $listbox-item-height: 36px !default;
 
+$listbox-select-all-height: calc(100% - 36px) !default;
+$listbox-filter-select-all-height: calc(100% - 86px) !default;
+
 $listbox-border-color: $border-light;
 $badge-color: $primary-text-color !default;
 $badge-bgcolor: $primary !default;

package/styles/list-box/_fabric-dark-definition.scss

@@ -118,3 +118,6 @@ $listbox-filter-height: calc(100% - 51px) !default;
 $listbox-filter-small-height: calc(100% - 45px) !default;
 $listbox-filter-bigger-small-height: calc(100% - 55px) !default;
 $listbox-filter-bigger-height: calc(100% - 59px) !default;
+
+$listbox-select-all-height: calc(100% - 36px) !default;
+$listbox-filter-select-all-height: calc(100% - 87px) !default;

package/styles/list-box/_fabric-definition.scss

@@ -112,3 +112,6 @@ $listbox-filter-height: calc(100% - 51px) !default;
 $listbox-filter-small-height: calc(100% - 45px) !default;
 $listbox-filter-bigger-small-height: calc(100% - 55px) !default;
 $listbox-filter-bigger-height: calc(100% - 59px) !default;
+
+$listbox-select-all-height: calc(100% - 36px) !default;
+$listbox-filter-select-all-height: calc(100% - 87px) !default;

package/styles/list-box/_fluent-definition.scss

@@ -78,6 +78,9 @@ $listbox-filter-bigger-small-height: calc(100% - 45px) !default;
 $listbox-filter-bigger-height: calc(100% - 55px) !default;
 $listbox-item-height: 36px !default;
 
+$listbox-select-all-height: calc(100% - 36px) !default;
+$listbox-filter-select-all-height: calc(100% - 83px) !default;
+
 $listbox-border-color: $border-light;
 $badge-color: $primary-text-color !default;
 $badge-bgcolor: $primary !default;

package/styles/list-box/_highcontrast-definition.scss

@@ -112,3 +112,6 @@ $listbox-filter-height: calc(100% - 51px) !default;
 $listbox-filter-small-height: calc(100% - 45px) !default;
 $listbox-filter-bigger-small-height: calc(100% - 55px) !default;
 $listbox-filter-bigger-height: calc(100% - 59px) !default;
+
+$listbox-select-all-height: calc(100% - 36px) !default;
+$listbox-filter-select-all-height: calc(100% - 87px) !default;

package/styles/list-box/_highcontrast-light-definition.scss

@@ -118,3 +118,6 @@ $listbox-filter-height: calc(100% - 51px) !default;
 $listbox-filter-small-height: calc(100% - 45px) !default;
 $listbox-filter-bigger-small-height: calc(100% - 55px) !default;
 $listbox-filter-bigger-height: calc(100% - 59px) !default;
+
+$listbox-select-all-height: calc(100% - 36px) !default;
+$listbox-filter-select-all-height: calc(100% - 87px) !default;

package/styles/list-box/_material-dark-definition.scss

@@ -118,3 +118,6 @@ $listbox-filter-height: calc(100% - 47px) !default;
 $listbox-filter-small-height: calc(100% - 45px) !default;
 $listbox-filter-bigger-small-height: calc(100% - 45px) !default;
 $listbox-filter-bigger-height: calc(100% - 55px) !default;
+
+$listbox-select-all-height: calc(100% - 36px) !default;
+$listbox-filter-select-all-height: calc(100% - 79px) !default;

package/styles/list-box/_material-definition.scss

@@ -112,3 +112,6 @@ $listbox-filter-height: calc(100% - 47px) !default;
 $listbox-filter-small-height: calc(100% - 45px) !default;
 $listbox-filter-bigger-small-height: calc(100% - 45px) !default;
 $listbox-filter-bigger-height: calc(100% - 55px) !default;
+
+$listbox-select-all-height: calc(100% - 36px) !default;
+$listbox-filter-select-all-height: calc(100% - 79px) !default;

package/styles/list-box/_tailwind-definition.scss

@@ -77,6 +77,9 @@ $listbox-filter-small-height: calc(100% - 45px) !default;
 $listbox-filter-bigger-small-height: calc(100% - 45px) !default;
 $listbox-filter-bigger-height: calc(100% - 55px) !default;
 
+$listbox-select-all-height: calc(100% - 38px) !default;
+$listbox-filter-select-all-height: calc(100% - 76px) !default;
+
 $listbox-border-color: $border-light;
 $badge-color: $primary-text-color !default;
 $badge-bgcolor: $primary !default;

package/styles/list-box/_theme.scss

@@ -50,6 +50,14 @@
         height: $listbox-filter-height;
       }
 
+      &.e-select-all .e-list-parent {
+        height: $listbox-select-all-height;
+      }
+
+      &.e-filter-list.e-select-all .e-list-parent {
+        height: $listbox-filter-select-all-height;
+      }
+
       & .e-icons {
         @if $skin-name != 'bootstrap5' {
           color: $listview-icon-color;

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

@@ -608,6 +608,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/list-box/bootstrap.css

@@ -608,6 +608,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/list-box/bootstrap4.css

@@ -675,6 +675,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/list-box/bootstrap5-dark.css

@@ -634,6 +634,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;

package/styles/list-box/bootstrap5.css

@@ -634,6 +634,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;

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

@@ -608,6 +608,16 @@ ejs-listbox {
   height: calc(100% - 51px);
 }
 
+.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% - 87px);
+}
+
 .e-listbox-wrapper .e-icons,
 .e-listbox-container .e-icons {
   color: #dadada;

package/styles/list-box/fabric.css

@@ -608,6 +608,16 @@ ejs-listbox {
   height: calc(100% - 51px);
 }
 
+.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% - 87px);
+}
+
 .e-listbox-wrapper .e-icons,
 .e-listbox-container .e-icons {
   color: #333;

package/styles/list-box/highcontrast-light.css

@@ -627,6 +627,16 @@ ejs-listbox {
   height: calc(100% - 51px);
 }
 
+.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% - 87px);
+}
+
 .e-listbox-wrapper .e-icons,
 .e-listbox-container .e-icons {
   color: #000;

package/styles/list-box/highcontrast.css

@@ -627,6 +627,16 @@ ejs-listbox {
   height: calc(100% - 51px);
 }
 
+.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% - 87px);
+}
+
 .e-listbox-wrapper .e-icons,
 .e-listbox-container .e-icons {
   color: #fff;