@syncfusion/ej2-dropdowns 23.1.36 → 23.1.39

package/dist/global/index.d.ts

@@ -1,7 +1,7 @@
 /*!
 *  filename: index.d.ts
-*  version : 23.1.36
-*  Copyright Syncfusion Inc. 2001 - 2020. All rights reserved.
+*  version : 23.1.39
+*  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
 *  licensing@syncfusion.com. Any infringement will be prosecuted under

package/package.json

@@ -1,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-dropdowns@*",
-  "_id": "@syncfusion/ej2-dropdowns@18.66.2",
+  "_id": "@syncfusion/ej2-dropdowns@23.1.38",
   "_inBundle": false,
-  "_integrity": "sha512-7kJrwiRXvTy/E0bTBzhdZfV8JmpYdZDknNRPNSSbzcb9irl89CP9JuObvCJ37YPBDK4LUSF7ZXC9w8lV/fr4yg==",
+  "_integrity": "sha512-/nMH74CNUDg4d9Owl7Rdd5H5XSCLrBtzKBOCsL1EyJjX7F0c3jQmiqBGexFZZSN+ko6XqFzc0HYMxSehOLur8g==",
   "_location": "/@syncfusion/ej2-dropdowns",
   "_phantomChildren": {},
   "_requested": {
@@ -34,8 +34,8 @@
     "/@syncfusion/ej2-spreadsheet",
     "/@syncfusion/ej2-vue-dropdowns"
   ],
-  "_resolved": "https://nexus.syncfusion.com/repository/ej2-release/@syncfusion/ej2-dropdowns/-/ej2-dropdowns-18.66.2.tgz",
-  "_shasum": "820411ac80fedc137660bd9e866d94a95036339e",
+  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-dropdowns/-/ej2-dropdowns-23.1.38.tgz",
+  "_shasum": "6f6b335f524faaf798fd9c64d61cace18ebfa301",
   "_spec": "@syncfusion/ej2-dropdowns@*",
   "_where": "/jenkins/workspace/elease-automation_release_23.1.1/packages/included",
   "author": {
@@ -43,13 +43,13 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~23.1.36",
+    "@syncfusion/ej2-base": "~23.1.38",
     "@syncfusion/ej2-data": "~23.1.36",
-    "@syncfusion/ej2-inputs": "~23.1.36",
+    "@syncfusion/ej2-inputs": "~23.1.38",
     "@syncfusion/ej2-lists": "~23.1.36",
-    "@syncfusion/ej2-navigations": "~23.1.36",
+    "@syncfusion/ej2-navigations": "~23.1.39",
     "@syncfusion/ej2-notifications": "~23.1.36",
-    "@syncfusion/ej2-popups": "~23.1.36"
+    "@syncfusion/ej2-popups": "~23.1.38"
   },
   "deprecated": false,
   "description": "Essential JS 2 DropDown Components",
@@ -74,7 +74,7 @@
   "module": "./index.js",
   "name": "@syncfusion/ej2-dropdowns",
   "typings": "index.d.ts",
-  "version": "23.1.36",
+  "version": "23.1.39",
   "sideEffects": false,
   "homepage": "https://www.syncfusion.com/javascript-ui-controls"
 }

package/src/common/virtual-scroll.d.ts

@@ -57,5 +57,6 @@ export declare class VirtualScroll {
     private getInfoFromView;
     private sentinelInfo;
     private virtualScrollHandler;
+    destroy(): void;
 }
 export {};

package/src/common/virtual-scroll.js

@@ -371,6 +371,9 @@ var VirtualScroll = /** @class */ (function () {
                 focusElement: document.activeElement });
         };
     };
+    VirtualScroll.prototype.destroy = function () {
+        this.removeEventListener();
+    };
     return VirtualScroll;
 }());
 export { VirtualScroll };

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

@@ -461,6 +461,7 @@ export declare class DropDownList extends DropDownBase implements IInput {
     protected isSelectFocusItem(element: Element): boolean;
     private getPageCount;
     private pageUpSelection;
+    private PageUpDownSelection;
     private pageDownSelection;
     protected unWireEvent(): void;
     /**

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

@@ -969,7 +969,17 @@ var DropDownList = /** @class */ (function (_super) {
         if (!isNullOrUndefined(previousItem) && previousItem.classList.contains('e-virtual-list')) {
             previousItem = this.liCollections[this.skeletonCount];
         }
-        this.setSelection(previousItem, event);
+        this.PageUpDownSelection(previousItem, event);
+    };
+    DropDownList.prototype.PageUpDownSelection = function (previousItem, event) {
+        if (this.enableVirtualization) {
+            if (!isNullOrUndefined(previousItem) && ((this.getModuleName() !== 'autocomplete' && !previousItem.classList.contains('e-active')) || (this.getModuleName() === 'autocomplete' && !previousItem.classList.contains('e-item-focus')))) {
+                this.setSelection(previousItem, event);
+            }
+        }
+        else {
+            this.setSelection(previousItem, event);
+        }
     };
     DropDownList.prototype.pageDownSelection = function (steps, event, isVirtualKeyAction) {
         var list = this.getItems();
@@ -977,7 +987,7 @@ var DropDownList = /** @class */ (function (_super) {
         if ((this.enableVirtualization && this.activeIndex == null) || isVirtualKeyAction) {
             previousItem = steps <= list.length ? this.liCollections[steps + this.skeletonCount - 1] : this.liCollections[list.length - 1];
         }
-        this.setSelection(previousItem, event);
+        this.PageUpDownSelection(previousItem, event);
     };
     DropDownList.prototype.unWireEvent = function () {
         if (!isNullOrUndefined(this.inputWrapper)) {
@@ -1136,6 +1146,9 @@ var DropDownList = /** @class */ (function (_super) {
             removeClass([focusedItem], dropDownBaseClasses.focus);
         }
         li.setAttribute('aria-selected', 'true');
+        if (isNullOrUndefined(value)) {
+            value = 'null';
+        }
         this.activeIndex = this.getIndexByValue(value);
     };
     DropDownList.prototype.activeItem = function (li) {
@@ -1761,6 +1774,9 @@ var DropDownList = /** @class */ (function (_super) {
             var totalSkeletonCount = isSkeletonCountChange ? skeletonCount : this.skeletonCount;
             for (var i = 0; i < totalSkeletonCount; i++) {
                 var liElement = this.createElement('li', { className: dropDownListClasses.virtualList, styles: 'overflow: inherit' });
+                if (this.enableVirtualization && this.itemTemplate) {
+                    liElement.style.height = this.listItemHeight + 'px';
+                }
                 var skeleton = new Skeleton({
                     shape: "Text",
                     height: "10px",
@@ -2028,6 +2044,10 @@ var DropDownList = /** @class */ (function (_super) {
                     _this.setFooterTemplate(popupEle);
                 }
                 document.body.appendChild(popupEle);
+                if (_this.enableVirtualization && _this.itemTemplate) {
+                    var listitems = popupEle.querySelectorAll('li.e-list-item:not(.e-virtual-list)');
+                    _this.listItemHeight = listitems.length > 0 ? Math.ceil(listitems[0].getBoundingClientRect().height) : 0;
+                }
                 if (_this.enableVirtualization && !_this.list.classList.contains(dropDownBaseClasses.noData)) {
                     if (!_this.list.querySelector('.e-virtual-ddl-content')) {
                         _this.list.appendChild(_this.createElement('div', {
@@ -2199,7 +2219,8 @@ var DropDownList = /** @class */ (function (_super) {
         var _this = this;
         this.popupObj = new Popup(element, {
             width: this.setWidth(), targetType: 'relative',
-            relateTo: this.inputWrapper.container, collision: { X: 'flip', Y: 'flip' }, offsetY: offsetValue,
+            relateTo: this.inputWrapper.container,
+            collision: this.enableRtl ? { X: 'fit', Y: 'flip' } : { X: 'flip', Y: 'flip' }, offsetY: offsetValue,
             enableRtl: this.enableRtl, offsetX: left,
             position: this.enableRtl ? { X: 'right', Y: 'bottom' } : { X: 'left', Y: 'bottom' },
             zIndex: this.zIndex,
@@ -2355,7 +2376,12 @@ var DropDownList = /** @class */ (function (_super) {
                 if (!this.enableVirtualization || this.isKeyBoardAction || isInitialSelection) {
                     if (this.isKeyBoardAction && this.enableVirtualization && lastElementValue && currentElementValue === lastElementValue && keyAction != "end" && !this.isVirtualScrolling) {
                         this.isPreventKeyAction = true;
-                        this.list.scrollTop += this.selectedLI.offsetHeight * liCount;
+                        if (this.enableVirtualization && this.itemTemplate) {
+                            this.list.scrollTop += nextOffset;
+                        }
+                        else {
+                            this.list.scrollTop += this.selectedLI.offsetHeight * liCount;
+                        }
                         this.isPreventKeyAction = this.IsScrollerAtEnd() ? false : this.isPreventKeyAction;
                         this.isKeyBoardAction = false;
                         this.isPreventScrollAction = false;
@@ -2693,7 +2719,7 @@ var DropDownList = /** @class */ (function (_super) {
             this.inputElement.parentElement.insertBefore(this.element, this.inputElement);
         }
         this.hiddenElement = this.createElement('select', {
-            attrs: { 'aria-hidden': 'true', 'tabindex': '-1', 'class': dropDownListClasses.hiddenElement }
+            attrs: { 'aria-hidden': 'true', 'aria-label': this.getModuleName(), 'tabindex': '-1', 'class': dropDownListClasses.hiddenElement }
         });
         prepend([this.hiddenElement], this.inputWrapper.container);
         this.validationAttribute(this.element, this.hiddenElement);

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

@@ -2146,7 +2146,8 @@ var MultiSelect = /** @class */ (function (_super) {
                 this.popupObj = new Popup(this.popupWrapper, {
                     width: this.calcPopupWidth(), targetType: 'relative',
                     position: this.enableRtl ? { X: 'right', Y: 'bottom' } : { X: 'left', Y: 'bottom' },
-                    relateTo: this.overAllWrapper, collision: { X: 'flip', Y: 'flip' }, offsetY: 1,
+                    relateTo: this.overAllWrapper,
+                    collision: this.enableRtl ? { X: 'fit', Y: 'flip' } : { X: 'flip', Y: 'flip' }, offsetY: 1,
                     enableRtl: this.enableRtl, zIndex: this.zIndex,
                     close: function () {
                         if (_this.popupObj.element.parentElement) {

package/styles/bootstrap-dark.css

@@ -1388,7 +1388,8 @@ ejs-dropdownlist {
   padding: 0 0 0 48px;
 }
 
-.e-bigger .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
+.e-bigger .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon,
+.e-bigger.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
   margin-top: -2.7em;
 }
 
@@ -1927,11 +1928,21 @@ ejs-multiselect {
   margin-top: -3.5em;
 }
 
+.e-small.e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
+.e-small.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
+  margin-top: -2.6em;
+}
+
 .e-bigger.e-small.e-multi-select-list-wrapper .e-selectall-parent,
 .e-bigger.e-small .e-multi-select-list-wrapper .e-selectall-parent {
   line-height: 34px;
 }
 
+.e-bigger.e-small.e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
+.e-bigger.e-small.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
+  margin-top: -2.85em;
+}
+
 .e-bigger.e-small .e-multi-select-wrapper .e-chips-close {
   height: 30px;
   width: 30px;
@@ -2968,27 +2979,66 @@ ejs-listbox {
 }
 .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
 .e-small .e-listbox-container.e-filter-list .e-list-parent {
-  height: calc(100% - 46px);
+  height: calc(100% - 46px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
+  height: calc(100% - 58px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
+  height: calc(100% - 58px) !important; /* stylelint-disable-line declaration-no-important */
 }
 
-.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
 .e-bigger .e-listbox-container.e-filter-list .e-list-parent {
-  height: calc(100% - 58px);
+  height: 100%;
 }
 
 .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);
+  height: calc(100% - 48px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
+  height: calc(100% - 48px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
+  height: calc(100% - 52px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
+  height: calc(100% - 58px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
+  height: 100%;
 }
 
 .e-bigger .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
+.e-bigger .e-listbox-container .e-selectall-parent + .e-list-wrap {
+  height: calc(100% - 48px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
 .e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent {
-  height: calc(100% - 48px);
+  height: 100%;
 }
 
 .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-wrap {
+  height: calc(100% - 54px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
+  height: calc(100% - 91.5px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
+  height: calc(100% - 106px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
 .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
-  height: calc(100% - 54px);
+  height: 100%;
 }
 
 .e-listbox-wrapper,
@@ -3021,7 +3071,7 @@ ejs-listbox {
 .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
 .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent,
 .e-listboxtool-wrapper.e-filter-list .e-selectall-parent + .e-list-parent {
-  height: calc(100% - 92px);
+  height: calc(100% - 40px) !important; /* stylelint-disable-line declaration-no-important */
 }
 
 .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
@@ -3297,6 +3347,30 @@ ejs-listbox {
   padding-right: 1.0714em;
 }
 
+.e-listbox-container.e-filter-list .e-list-parent {
+  height: 100%;
+}
+
+.e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
+  height: 100%;
+}
+
+.e-listbox-container .e-selectall-parent + .e-list-parent {
+  height: 100%;
+}
+
+.e-listbox-container.e-filter-list .e-list-wrap {
+  height: calc(100% - 51px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-listbox-container.e-filter-list .e-selectall-parent + .e-list-wrap {
+  height: calc(100% - 40px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-listbox-container .e-selectall-parent + .e-list-wrap {
+  height: calc(100% - 40px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
 /* stylelint-disable property-no-vendor-prefix */
 @keyframes material-spinner-rotate {
   0% {

package/styles/bootstrap.css

@@ -1387,7 +1387,8 @@ ejs-dropdownlist {
   padding: 0 0 0 48px;
 }
 
-.e-bigger .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
+.e-bigger .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon,
+.e-bigger.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
   margin-top: -2.7em;
 }
 
@@ -1926,11 +1927,21 @@ ejs-multiselect {
   margin-top: -3.5em;
 }
 
+.e-small.e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
+.e-small.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
+  margin-top: -2.6em;
+}
+
 .e-bigger.e-small.e-multi-select-list-wrapper .e-selectall-parent,
 .e-bigger.e-small .e-multi-select-list-wrapper .e-selectall-parent {
   line-height: 34px;
 }
 
+.e-bigger.e-small.e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
+.e-bigger.e-small.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
+  margin-top: -2.85em;
+}
+
 .e-bigger.e-small .e-multi-select-wrapper .e-chips-close {
   height: 30px;
   width: 30px;
@@ -2978,27 +2989,66 @@ ejs-listbox {
 }
 .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
 .e-small .e-listbox-container.e-filter-list .e-list-parent {
-  height: calc(100% - 46px);
+  height: calc(100% - 46px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
+  height: calc(100% - 58px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
+  height: calc(100% - 58px) !important; /* stylelint-disable-line declaration-no-important */
 }
 
-.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
 .e-bigger .e-listbox-container.e-filter-list .e-list-parent {
-  height: calc(100% - 58px);
+  height: 100%;
 }
 
 .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);
+  height: calc(100% - 48px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
+  height: calc(100% - 48px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
+  height: calc(100% - 52px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
+  height: calc(100% - 58px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
+  height: 100%;
 }
 
 .e-bigger .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
+.e-bigger .e-listbox-container .e-selectall-parent + .e-list-wrap {
+  height: calc(100% - 40px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
 .e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent {
-  height: calc(100% - 48px);
+  height: 100%;
 }
 
 .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-wrap {
+  height: calc(100% - 54px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
+  height: calc(100% - 91.5px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
+  height: calc(100% - 106px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
 .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
-  height: calc(100% - 54px);
+  height: 100%;
 }
 
 .e-listbox-wrapper,
@@ -3031,7 +3081,7 @@ ejs-listbox {
 .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
 .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent,
 .e-listboxtool-wrapper.e-filter-list .e-selectall-parent + .e-list-parent {
-  height: calc(100% - 92px);
+  height: calc(100% - 40px) !important; /* stylelint-disable-line declaration-no-important */
 }
 
 .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
@@ -3307,6 +3357,30 @@ ejs-listbox {
   padding-right: 1.0714em;
 }
 
+.e-listbox-container.e-filter-list .e-list-parent {
+  height: 100%;
+}
+
+.e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
+  height: 100%;
+}
+
+.e-listbox-container .e-selectall-parent + .e-list-parent {
+  height: 100%;
+}
+
+.e-listbox-container.e-filter-list .e-list-wrap {
+  height: calc(100% - 51px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-listbox-container.e-filter-list .e-selectall-parent + .e-list-wrap {
+  height: calc(100% - 40px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-listbox-container .e-selectall-parent + .e-list-wrap {
+  height: calc(100% - 40px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
 /* stylelint-disable property-no-vendor-prefix */
 @keyframes material-spinner-rotate {
   0% {

package/styles/bootstrap4.css

@@ -1518,7 +1518,8 @@ ejs-dropdownlist {
   padding: 0 0 0 48px;
 }
 
-.e-bigger .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
+.e-bigger .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon,
+.e-bigger.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
   margin-top: -2.25em;
 }
 
@@ -2072,6 +2073,11 @@ ejs-multiselect {
   margin-top: -2.4em;
 }
 
+.e-small.e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
+.e-small.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
+  margin-top: -1.85em;
+}
+
 .e-small .e-multi-select-wrapper .e-chips > .e-chipcontent {
   padding: 0 8px 0 8px;
 }
@@ -2081,6 +2087,11 @@ ejs-multiselect {
   line-height: 34px;
 }
 
+.e-bigger.e-small.e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
+.e-bigger.e-small.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
+  margin-top: -2.85em;
+}
+
 .e-bigger.e-small .e-multi-select-wrapper .e-chips-close {
   height: 24px;
   width: auto;
@@ -3199,27 +3210,66 @@ ejs-listbox {
 
 .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
 .e-small .e-listbox-container.e-filter-list .e-list-parent {
-  height: calc(100% - 43px);
+  height: calc(100% - 43px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
+  height: calc(100% - 59px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
+  height: calc(100% - 58px) !important; /* stylelint-disable-line declaration-no-important */
 }
 
-.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
 .e-bigger .e-listbox-container.e-filter-list .e-list-parent {
-  height: calc(100% - 56px);
+  height: 100%;
 }
 
 .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);
+  height: calc(100% - 50px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
+  height: calc(100% - 50px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
+  height: calc(100% - 51px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
+  height: calc(100% - 59px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
+  height: 100%;
 }
 
 .e-bigger .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
+.e-bigger .e-listbox-container .e-selectall-parent + .e-list-wrap {
+  height: calc(100% - 50px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
 .e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent {
-  height: calc(100% - 50px);
+  height: 100%;
 }
 
 .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-wrap {
+  height: calc(100% - 56px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
+  height: calc(100% - 90.5px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
+  height: calc(100% - 108px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
 .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
-  height: calc(100% - 56px);
+  height: 100%;
 }
 
 .e-listbox-wrapper,
@@ -3246,13 +3296,13 @@ ejs-listbox {
 .e-listbox-wrapper.e-filter-list .e-list-parent,
 .e-listbox-container.e-filter-list .e-list-parent,
 .e-listboxtool-wrapper.e-filter-list .e-list-parent {
-  height: calc(100% - 48px);
+  height: calc(100% - 51px);
 }
 
 .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
 .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent,
 .e-listboxtool-wrapper.e-filter-list .e-selectall-parent + .e-list-parent {
-  height: calc(100% - 79px);
+  height: calc(100% - 41px) !important; /* stylelint-disable-line declaration-no-important */
 }
 
 .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
@@ -3528,6 +3578,30 @@ ejs-listbox {
   padding-right: 1.0714em;
 }
 
+.e-listbox-container.e-filter-list .e-list-parent {
+  height: 100%;
+}
+
+.e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
+  height: 100%;
+}
+
+.e-listbox-container .e-selectall-parent + .e-list-parent {
+  height: 100%;
+}
+
+.e-listbox-container.e-filter-list .e-list-wrap {
+  height: calc(100% - 50px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-listbox-container.e-filter-list .e-selectall-parent + .e-list-wrap {
+  height: calc(100% - 41px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-listbox-container .e-selectall-parent + .e-list-wrap {
+  height: calc(100% - 40px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
 /* stylelint-disable property-no-vendor-prefix */
 @keyframes material-spinner-rotate {
   0% {