@syncfusion/ej2-vue-dropdowns 22.2.12 → 23.1.38

package/package.json

@@ -1,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-vue-dropdowns@*",
-  "_id": "@syncfusion/ej2-vue-dropdowns@22.2.11",
+  "_id": "@syncfusion/ej2-vue-dropdowns@23.1.36",
   "_inBundle": false,
-  "_integrity": "sha512-k7jG+2dp+manFEI2INT/80VWoBe9k4cQ+BdD+Wqf9O8iMInAHYxwVlmipZbyy71u7Js5jQBu4Q1ghFxiT7FiqQ==",
+  "_integrity": "sha512-c5QeXoQSOhRGOEGVY0au3m72N0tn7j9mS042hzWnEabPDWoyT2Dj3CmOQDuY2b1GGjT9TxC2RhVafBVpFjK30g==",
   "_location": "/@syncfusion/ej2-vue-dropdowns",
   "_phantomChildren": {},
   "_requested": {
@@ -19,10 +19,10 @@
   "_requiredBy": [
     "/"
   ],
-  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-vue-dropdowns/-/ej2-vue-dropdowns-22.2.11.tgz",
-  "_shasum": "b7f9d37f21dd95dc3d08696eb95b54fdeaa40b65",
+  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-vue-dropdowns/-/ej2-vue-dropdowns-23.1.36.tgz",
+  "_shasum": "3914f9b218facc896d5c8264ec927bded1568d81",
   "_spec": "@syncfusion/ej2-vue-dropdowns@*",
-  "_where": "/jenkins/workspace/elease-automation_release_21.1.1/packages/included",
+  "_where": "/jenkins/workspace/elease-automation_release_23.1.1/packages/included",
   "author": {
     "name": "Syncfusion Inc."
   },
@@ -31,9 +31,9 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~22.2.12",
-    "@syncfusion/ej2-dropdowns": "22.2.12",
-    "@syncfusion/ej2-vue-base": "~22.2.5"
+    "@syncfusion/ej2-base": "~23.1.38",
+    "@syncfusion/ej2-dropdowns": "23.1.38",
+    "@syncfusion/ej2-vue-base": "~23.1.36"
   },
   "deprecated": false,
   "description": "Essential JS 2 DropDown Components for Vue",
@@ -62,6 +62,6 @@
     "ci-publish": "gulp ci-publish",
     "compile": "gulp ci-compile && gulp vue-global-script"
   },
-  "version": "22.2.12",
+  "version": "23.1.38",
   "sideEffects": false
 }

package/src/auto-complete/autocomplete.component.d.ts

@@ -1,3 +1,5 @@
+import { DefineVueComponent } from '@syncfusion/ej2-vue-base';
+import { AutoCompleteModel } from '@syncfusion/ej2-dropdowns';
 export declare const properties: string[];
 export declare const modelProps: string[];
 export declare const testProp: any;
@@ -8,7 +10,7 @@ export declare const props: any, watch: any, emitProbs: any;
  * <ejs-autocomplete :dataSource='data'></ejs-autocomplete>
  * ```
  */
-export declare let AutoCompleteComponent: any;
+export declare let AutoCompleteComponent: DefineVueComponent<AutoCompleteModel>;
 export declare type AutoCompleteComponent = InstanceType<typeof AutoCompleteComponent>;
 export declare const AutoCompletePlugin: {
     name: string;

package/src/auto-complete/autocomplete.component.js

@@ -2,7 +2,7 @@ import { ComponentBase, gh, getProps, isExecute, vueDefineComponent } from '@syn
 import { isNullOrUndefined, getValue } from '@syncfusion/ej2-base';
 import { isUndefined } from '@syncfusion/ej2-base';
 import { AutoComplete } from '@syncfusion/ej2-dropdowns';
-export var properties = ['isLazyUpdate', 'plugins', 'actionFailureTemplate', 'allowCustom', 'allowFiltering', 'autofill', 'cssClass', 'dataSource', 'enablePersistence', 'enableRtl', 'enabled', 'fields', 'filterBarPlaceholder', 'filterType', 'floatLabelType', 'footerTemplate', 'groupTemplate', 'headerTemplate', 'highlight', 'htmlAttributes', 'ignoreAccent', 'ignoreCase', 'index', 'itemTemplate', 'locale', 'minLength', 'noRecordsTemplate', 'placeholder', 'popupHeight', 'popupWidth', 'query', 'readonly', 'showClearButton', 'showPopupButton', 'sortOrder', 'suggestionCount', 'text', 'value', 'valueTemplate', 'width', 'zIndex', 'actionBegin', 'actionComplete', 'actionFailure', 'beforeOpen', 'blur', 'change', 'close', 'created', 'customValueSpecifier', 'dataBound', 'destroyed', 'filtering', 'focus', 'open', 'select'];
+export var properties = ['isLazyUpdate', 'plugins', 'actionFailureTemplate', 'allowCustom', 'allowFiltering', 'autofill', 'cssClass', 'dataSource', 'enablePersistence', 'enableRtl', 'enableVirtualization', 'enabled', 'fields', 'filterBarPlaceholder', 'filterType', 'floatLabelType', 'footerTemplate', 'groupTemplate', 'headerTemplate', 'highlight', 'htmlAttributes', 'ignoreAccent', 'ignoreCase', 'index', 'itemTemplate', 'locale', 'minLength', 'noRecordsTemplate', 'placeholder', 'popupHeight', 'popupWidth', 'query', 'readonly', 'showClearButton', 'showPopupButton', 'sortOrder', 'suggestionCount', 'text', 'value', 'valueTemplate', 'width', 'zIndex', 'actionBegin', 'actionComplete', 'actionFailure', 'beforeOpen', 'blur', 'change', 'close', 'created', 'customValueSpecifier', 'dataBound', 'destroyed', 'filtering', 'focus', 'open', 'select'];
 export var modelProps = ['value'];
 export var testProp = getProps({ props: properties });
 export var props = testProp[0], watch = testProp[1], emitProbs = Object.keys(watch);
@@ -31,7 +31,7 @@ export var AutoCompleteComponent = vueDefineComponent({
             propKeys: properties,
             models: modelProps,
             hasChildDirective: false,
-            hasInjectedModules: false,
+            hasInjectedModules: true,
             tagMapper: {},
             tagNameMapper: {},
             isVue3: !isExecute,
@@ -173,6 +173,9 @@ export var AutoCompleteComponent = vueDefineComponent({
         hideSpinner: function () {
             return this.ej2Instances.hideSpinner();
         },
+        requiredModules: function () {
+            return this.ej2Instances.requiredModules();
+        },
         showPopup: function (e) {
             return this.ej2Instances.showPopup(e);
         },

package/src/combo-box/combobox.component.d.ts

@@ -1,3 +1,5 @@
+import { DefineVueComponent } from '@syncfusion/ej2-vue-base';
+import { ComboBoxModel } from '@syncfusion/ej2-dropdowns';
 export declare const properties: string[];
 export declare const modelProps: string[];
 export declare const testProp: any;
@@ -8,7 +10,7 @@ export declare const props: any, watch: any, emitProbs: any;
  * <ejs-combobox :dataSource='data'></ejs-combobox>
  * ```
  */
-export declare let ComboBoxComponent: any;
+export declare let ComboBoxComponent: DefineVueComponent<ComboBoxModel>;
 export declare type ComboBoxComponent = InstanceType<typeof ComboBoxComponent>;
 export declare const ComboBoxPlugin: {
     name: string;

package/src/combo-box/combobox.component.js

@@ -2,7 +2,7 @@ import { ComponentBase, gh, getProps, isExecute, vueDefineComponent } from '@syn
 import { isNullOrUndefined, getValue } from '@syncfusion/ej2-base';
 import { isUndefined } from '@syncfusion/ej2-base';
 import { ComboBox } from '@syncfusion/ej2-dropdowns';
-export var properties = ['isLazyUpdate', 'plugins', 'actionFailureTemplate', 'allowCustom', 'allowFiltering', 'autofill', 'cssClass', 'dataSource', 'enablePersistence', 'enableRtl', 'enabled', 'fields', 'filterBarPlaceholder', 'filterType', 'floatLabelType', 'footerTemplate', 'groupTemplate', 'headerTemplate', 'htmlAttributes', 'ignoreAccent', 'ignoreCase', 'index', 'itemTemplate', 'locale', 'noRecordsTemplate', 'placeholder', 'popupHeight', 'popupWidth', 'query', 'readonly', 'showClearButton', 'sortOrder', 'text', 'value', 'valueTemplate', 'width', 'zIndex', 'actionBegin', 'actionComplete', 'actionFailure', 'beforeOpen', 'blur', 'change', 'close', 'created', 'customValueSpecifier', 'dataBound', 'destroyed', 'filtering', 'focus', 'open', 'select'];
+export var properties = ['isLazyUpdate', 'plugins', 'actionFailureTemplate', 'allowCustom', 'allowFiltering', 'autofill', 'cssClass', 'dataSource', 'enablePersistence', 'enableRtl', 'enableVirtualization', 'enabled', 'fields', 'filterBarPlaceholder', 'filterType', 'floatLabelType', 'footerTemplate', 'groupTemplate', 'headerTemplate', 'htmlAttributes', 'ignoreAccent', 'ignoreCase', 'index', 'itemTemplate', 'locale', 'noRecordsTemplate', 'placeholder', 'popupHeight', 'popupWidth', 'query', 'readonly', 'showClearButton', 'sortOrder', 'text', 'value', 'valueTemplate', 'width', 'zIndex', 'actionBegin', 'actionComplete', 'actionFailure', 'beforeOpen', 'blur', 'change', 'close', 'created', 'customValueSpecifier', 'dataBound', 'destroyed', 'filtering', 'focus', 'open', 'select'];
 export var modelProps = ['value'];
 export var testProp = getProps({ props: properties });
 export var props = testProp[0], watch = testProp[1], emitProbs = Object.keys(watch);
@@ -31,7 +31,7 @@ export var ComboBoxComponent = vueDefineComponent({
             propKeys: properties,
             models: modelProps,
             hasChildDirective: false,
-            hasInjectedModules: false,
+            hasInjectedModules: true,
             tagMapper: {},
             tagNameMapper: {},
             isVue3: !isExecute,
@@ -173,6 +173,9 @@ export var ComboBoxComponent = vueDefineComponent({
         hideSpinner: function () {
             return this.ej2Instances.hideSpinner();
         },
+        requiredModules: function () {
+            return this.ej2Instances.requiredModules();
+        },
         showPopup: function (e) {
             return this.ej2Instances.showPopup(e);
         },

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

@@ -1,3 +1,5 @@
+import { DefineVueComponent } from '@syncfusion/ej2-vue-base';
+import { DropDownListModel } from '@syncfusion/ej2-dropdowns';
 export declare const properties: string[];
 export declare const modelProps: string[];
 export declare const testProp: any;
@@ -8,7 +10,7 @@ export declare const props: any, watch: any, emitProbs: any;
  * <ejs-dropdownlist :dataSource='data'></ejs-dropdownlist>
  * ```
  */
-export declare let DropDownListComponent: any;
+export declare let DropDownListComponent: DefineVueComponent<DropDownListModel>;
 export declare type DropDownListComponent = InstanceType<typeof DropDownListComponent>;
 export declare const DropDownListPlugin: {
     name: string;

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

@@ -2,7 +2,7 @@ import { ComponentBase, gh, getProps, isExecute, vueDefineComponent } from '@syn
 import { isNullOrUndefined, getValue } from '@syncfusion/ej2-base';
 import { isUndefined } from '@syncfusion/ej2-base';
 import { DropDownList } from '@syncfusion/ej2-dropdowns';
-export var properties = ['isLazyUpdate', 'plugins', 'actionFailureTemplate', 'allowFiltering', 'cssClass', 'dataSource', 'enablePersistence', 'enableRtl', 'enabled', 'fields', 'filterBarPlaceholder', 'filterType', 'floatLabelType', 'footerTemplate', 'groupTemplate', 'headerTemplate', 'htmlAttributes', 'ignoreAccent', 'ignoreCase', 'index', 'itemTemplate', 'locale', 'noRecordsTemplate', 'placeholder', 'popupHeight', 'popupWidth', 'query', 'readonly', 'showClearButton', 'sortOrder', 'text', 'value', 'valueTemplate', 'width', 'zIndex', 'actionBegin', 'actionComplete', 'actionFailure', 'beforeOpen', 'blur', 'change', 'close', 'created', 'dataBound', 'destroyed', 'filtering', 'focus', 'open', 'select'];
+export var properties = ['isLazyUpdate', 'plugins', 'actionFailureTemplate', 'allowFiltering', 'cssClass', 'dataSource', 'enablePersistence', 'enableRtl', 'enableVirtualization', 'enabled', 'fields', 'filterBarPlaceholder', 'filterType', 'floatLabelType', 'footerTemplate', 'groupTemplate', 'headerTemplate', 'htmlAttributes', 'ignoreAccent', 'ignoreCase', 'index', 'itemTemplate', 'locale', 'noRecordsTemplate', 'placeholder', 'popupHeight', 'popupWidth', 'query', 'readonly', 'showClearButton', 'sortOrder', 'text', 'value', 'valueTemplate', 'width', 'zIndex', 'actionBegin', 'actionComplete', 'actionFailure', 'beforeOpen', 'blur', 'change', 'close', 'created', 'dataBound', 'destroyed', 'filtering', 'focus', 'open', 'select'];
 export var modelProps = ['value'];
 export var testProp = getProps({ props: properties });
 export var props = testProp[0], watch = testProp[1], emitProbs = Object.keys(watch);
@@ -31,7 +31,7 @@ export var DropDownListComponent = vueDefineComponent({
             propKeys: properties,
             models: modelProps,
             hasChildDirective: false,
-            hasInjectedModules: false,
+            hasInjectedModules: true,
             tagMapper: {},
             tagNameMapper: {},
             isVue3: !isExecute,
@@ -173,6 +173,9 @@ export var DropDownListComponent = vueDefineComponent({
         hideSpinner: function () {
             return this.ej2Instances.hideSpinner();
         },
+        requiredModules: function () {
+            return this.ej2Instances.requiredModules();
+        },
         showPopup: function (e) {
             return this.ej2Instances.showPopup(e);
         },

package/src/drop-down-tree/dropdowntree.component.d.ts

@@ -1,3 +1,5 @@
+import { DefineVueComponent } from '@syncfusion/ej2-vue-base';
+import { DropDownTreeModel } from '@syncfusion/ej2-dropdowns';
 export declare const properties: string[];
 export declare const modelProps: string[];
 export declare const testProp: any;
@@ -8,7 +10,7 @@ export declare const props: any, watch: any, emitProbs: any;
  * <ejs-dropdowntree></ejs-dropdowntree>
  * ```
  */
-export declare let DropDownTreeComponent: any;
+export declare let DropDownTreeComponent: DefineVueComponent<DropDownTreeModel>;
 export declare type DropDownTreeComponent = InstanceType<typeof DropDownTreeComponent>;
 export declare const DropDownTreePlugin: {
     name: string;

package/src/list-box/listbox.component.d.ts

@@ -1,3 +1,5 @@
+import { DefineVueComponent } from '@syncfusion/ej2-vue-base';
+import { ListBoxModel } from '@syncfusion/ej2-dropdowns';
 export declare const properties: string[];
 export declare const modelProps: string[];
 export declare const testProp: any;
@@ -8,7 +10,7 @@ export declare const props: any, watch: any, emitProbs: any;
  * <ejs-listbox :dataSource='data'></ejs-listbox>
  * ```
  */
-export declare let ListBoxComponent: any;
+export declare let ListBoxComponent: DefineVueComponent<ListBoxModel>;
 export declare type ListBoxComponent = InstanceType<typeof ListBoxComponent>;
 export declare const ListBoxPlugin: {
     name: string;

package/src/mention/mention.component.d.ts

@@ -1,3 +1,5 @@
+import { DefineVueComponent } from '@syncfusion/ej2-vue-base';
+import { MentionModel } from '@syncfusion/ej2-dropdowns';
 export declare const properties: string[];
 export declare const modelProps: string[];
 export declare const testProp: any;
@@ -8,7 +10,7 @@ export declare const props: any, watch: any, emitProbs: any;
  * <ejs-mention :dataSource='data'></ejs-mention>
  * ```
  */
-export declare let MentionComponent: any;
+export declare let MentionComponent: DefineVueComponent<MentionModel>;
 export declare type MentionComponent = InstanceType<typeof MentionComponent>;
 export declare const MentionPlugin: {
     name: string;

package/src/multi-select/multiselect.component.d.ts

@@ -1,3 +1,5 @@
+import { DefineVueComponent } from '@syncfusion/ej2-vue-base';
+import { MultiSelectModel } from '@syncfusion/ej2-dropdowns';
 export declare const properties: string[];
 export declare const modelProps: string[];
 export declare const testProp: any;
@@ -8,7 +10,7 @@ export declare const props: any, watch: any, emitProbs: any;
  * <ejs-multiselect :dataSource='data'></ejs-multiselect>
  * ```
  */
-export declare let MultiSelectComponent: any;
+export declare let MultiSelectComponent: DefineVueComponent<MultiSelectModel>;
 export declare type MultiSelectComponent = InstanceType<typeof MultiSelectComponent>;
 export declare const MultiSelectPlugin: {
     name: string;

package/styles/auto-complete/material-dark.css

@@ -1,4 +1,3 @@
-@import url("https://fonts.googleapis.com/css?family=Roboto:400,500,700");
 .e-ddl.e-control-wrapper .e-ddl-icon::before {
   transform: rotate(0deg);
   transition: transform 300ms ease;

package/styles/auto-complete/material.css

@@ -1,4 +1,3 @@
-@import url("https://fonts.googleapis.com/css?family=Roboto:400,500,700");
 .e-ddl.e-control-wrapper .e-ddl-icon::before {
   transform: rotate(0deg);
   transition: transform 300ms ease;

package/styles/auto-complete/material3-dark.css

@@ -1,4 +1,3 @@
-@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,900&display=swap");
 :root {
   --color-sf-black: 0, 0, 0;
   --color-sf-white: 255, 255, 255;

package/styles/auto-complete/material3-dark.scss

@@ -1,2 +1,2 @@
-@import 'ej2-base/styles/material3-dark-definition.scss';
+
 @import 'ej2-dropdowns/styles/auto-complete/material3-dark.scss';

package/styles/auto-complete/material3.css

@@ -1,4 +1,3 @@
-@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,900&display=swap");
 :root {
   --color-sf-black: 0, 0, 0;
   --color-sf-white: 255, 255, 255;

package/styles/auto-complete/material3.scss

@@ -1,2 +1,2 @@
-@import 'ej2-base/styles/material3-definition.scss';
+
 @import 'ej2-dropdowns/styles/auto-complete/material3.scss';

package/styles/auto-complete/tailwind-dark.css

@@ -1,4 +1,3 @@
-@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
 .e-ddl.e-control-wrapper .e-ddl-icon::before {
   transform: rotate(0deg);
   transition: transform 300ms ease;

package/styles/auto-complete/tailwind.css

@@ -1,4 +1,3 @@
-@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
 .e-ddl.e-control-wrapper .e-ddl-icon::before {
   transform: rotate(0deg);
   transition: transform 300ms ease;

package/styles/bootstrap-dark.css

@@ -2490,11 +2490,6 @@ ejs-multiselect {
   padding: 13px 16px;
   position: relative;
 }
-.e-listbox-wrapper.e-filter-list,
-.e-listbox-container.e-filter-list,
-.e-listboxtool-wrapper.e-filter-list {
-  overflow: inherit;
-}
 .e-listbox-wrapper .e-list-parent,
 .e-listbox-container .e-list-parent,
 .e-listboxtool-wrapper .e-list-parent {
@@ -2778,9 +2773,6 @@ ejs-listbox {
   overflow: auto;
 }
 
-.e-listbox-wrapper.e-filter-list {
-  overflow: inherit;
-}
 .e-listbox-wrapper.e-filter-list .e-list-parent {
   overflow: auto;
 }
@@ -2976,27 +2968,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,
@@ -3029,7 +3060,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,
@@ -3305,6 +3336,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

@@ -2494,11 +2494,6 @@ ejs-multiselect {
   padding: 13px 16px;
   position: relative;
 }
-.e-listbox-wrapper.e-filter-list,
-.e-listbox-container.e-filter-list,
-.e-listboxtool-wrapper.e-filter-list {
-  overflow: inherit;
-}
 .e-listbox-wrapper .e-list-parent,
 .e-listbox-container .e-list-parent,
 .e-listboxtool-wrapper .e-list-parent {
@@ -2782,9 +2777,6 @@ ejs-listbox {
   overflow: auto;
 }
 
-.e-listbox-wrapper.e-filter-list {
-  overflow: inherit;
-}
 .e-listbox-wrapper.e-filter-list .e-list-parent {
   overflow: auto;
 }
@@ -2986,27 +2978,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,
@@ -3039,7 +3070,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,
@@ -3315,6 +3346,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% {