@syncfusion/ej2-dropdowns 23.1.36 → 23.1.39

package/styles/fluent-dark.css

@@ -1539,7 +1539,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: -1.68em;
 }
 
@@ -2133,11 +2134,21 @@ ejs-multiselect {
   width: 12px;
 }
 
+.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.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: 40px;
 }
 
+.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: -1.68em;
+}
+
 .e-bigger.e-small .e-multi-select-wrapper .e-chips-close {
   height: 14px;
   width: 14px;
@@ -3214,27 +3225,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% - 50px);
+  height: calc(100% - 50px) !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% - 64px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
+  height: calc(100% - 64px) !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% - 64px);
+  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% - 113px);
+  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% - 56px) !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% - 64px) !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% - 59px) !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% - 93px) !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% - 113px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
 .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
-  height: calc(100% - 59px);
+  height: 100%;
 }
 
 .e-listbox-wrapper,
@@ -3267,7 +3317,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% - 93px);
+  height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
 }
 
 .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
@@ -3543,6 +3593,30 @@ ejs-listbox {
   padding-right: 16px;
 }
 
+.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% - 56px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-listbox-container.e-filter-list .e-selectall-parent + .e-list-wrap {
+  height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-listbox-container .e-selectall-parent + .e-list-wrap {
+  height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
 /* stylelint-disable-line no-empty-source */
 /* stylelint-disable property-no-vendor-prefix */
 @keyframes material-spinner-rotate {

package/styles/fluent.css

@@ -1539,7 +1539,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: -1.68em;
 }
 
@@ -2133,11 +2134,21 @@ ejs-multiselect {
   width: 12px;
 }
 
+.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.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: 40px;
 }
 
+.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: -1.68em;
+}
+
 .e-bigger.e-small .e-multi-select-wrapper .e-chips-close {
   height: 14px;
   width: 14px;
@@ -3214,27 +3225,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% - 50px);
+  height: calc(100% - 50px) !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% - 64px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
+  height: calc(100% - 64px) !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% - 64px);
+  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% - 113px);
+  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% - 56px) !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% - 64px) !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% - 59px) !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% - 93px) !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% - 113px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
 .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
-  height: calc(100% - 59px);
+  height: 100%;
 }
 
 .e-listbox-wrapper,
@@ -3267,7 +3317,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% - 93px);
+  height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
 }
 
 .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
@@ -3543,6 +3593,30 @@ ejs-listbox {
   padding-right: 16px;
 }
 
+.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% - 56px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-listbox-container.e-filter-list .e-selectall-parent + .e-list-wrap {
+  height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-listbox-container .e-selectall-parent + .e-list-wrap {
+  height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
 /* stylelint-disable-line no-empty-source */
 /* stylelint-disable property-no-vendor-prefix */
 @keyframes material-spinner-rotate {

package/styles/highcontrast-light.css

@@ -1451,7 +1451,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.8em;
 }
 
@@ -2012,11 +2013,21 @@ ejs-multiselect {
   margin-top: -2.9em;
 }
 
+.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.5em;
+}
+
 .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: 40px;
 }
 
+.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: 26px;
   width: 26px;
@@ -3061,27 +3072,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% - 45px);
+  height: calc(100% - 45px) !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% - 59px);
+  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% - 104px);
+  height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
+  height: calc(100% - 45px) !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% - 45px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
 .e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent {
-  height: calc(100% - 45px);
+  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% - 55px) !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% - 87px) !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% - 104px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
 .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
-  height: calc(100% - 55px);
+  height: 100%;
 }
 
 .e-listbox-wrapper,
@@ -3114,7 +3164,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% - 87px);
+  height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
 }
 
 .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
@@ -3390,6 +3440,30 @@ ejs-listbox {
   padding-right: 0.923em;
 }
 
+.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% - 36px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-listbox-container .e-selectall-parent + .e-list-wrap {
+  height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
 /* stylelint-disable property-no-vendor-prefix */
 @keyframes material-spinner-rotate {
   0% {

package/styles/highcontrast.css

@@ -1457,7 +1457,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: -3.1em;
 }
 
@@ -2018,11 +2019,21 @@ ejs-multiselect {
   margin-top: -3.2em;
 }
 
+.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.5em;
+}
+
 .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: 40px;
 }
 
+.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: 26px;
   width: auto;
@@ -3078,27 +3089,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% - 45px);
+  height: calc(100% - 45px) !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% - 59px);
+  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% - 104px);
+  height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
+  height: calc(100% - 45px) !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% - 45px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
 .e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent {
-  height: calc(100% - 45px);
+  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% - 55px) !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% - 87px) !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% - 104px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
 .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
-  height: calc(100% - 55px);
+  height: 100%;
 }
 
 .e-listbox-wrapper,
@@ -3131,7 +3181,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% - 87px);
+  height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
 }
 
 .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
@@ -3407,6 +3457,30 @@ ejs-listbox {
   padding-right: 0.923em;
 }
 
+.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% - 36px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-listbox-container .e-selectall-parent + .e-list-wrap {
+  height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
 /* stylelint-disable property-no-vendor-prefix */
 @keyframes material-spinner-rotate {
   0% {

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

@@ -116,7 +116,11 @@ $listbox-filter-small-height: calc(100% - 46px) !default;
 $listbox-filter-bigger-small-height: calc(100% - 54px) !default;
 $listbox-select-height: calc(100% - 40px) !default;
 $listbox-select-bigger-height: calc(100% - 48px) !default;
-$listbox-filterselect-height: calc(100% - 92px) !default;
-$listbox-filterselect-bigger-height: calc(100% - 106px) !default;
+$listbox-filterselect-height: calc(100% - 40px) !default;
+$listbox-filterselect-bigger-height: calc(100% - 48px) !default;
+$listbox-mat-filter-height: calc(100% - 51px) !default;
+$listbox-mat-filter-bigger-height: calc(100% - 58px) !default;
 $listbox-filter-height: calc(100% - 52px) !default;
 $listbox-filter-bigger-height: calc(100% - 58px) !default;
+$listbox-ej2-filterselect-height: calc(100% - 91.5px) !default;
+$listbox-ej2-filterselect-bigger-height: calc(100% - 106px) !default;

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

@@ -108,8 +108,12 @@ $select-all-border-color: $grey-e6 !default;
 $listbox-filter-small-height: calc(100% - 46px) !default;
 $listbox-filter-bigger-small-height: calc(100% - 54px) !default;
 $listbox-select-height: calc(100% - 40px) !default;
-$listbox-select-bigger-height: calc(100% - 48px) !default;
-$listbox-filterselect-height: calc(100% - 92px) !default;
-$listbox-filterselect-bigger-height: calc(100% - 106px) !default;
+$listbox-select-bigger-height: calc(100% - 40px) !default;
+$listbox-filterselect-height: calc(100% - 40px) !default;
+$listbox-filterselect-bigger-height: calc(100% - 48px) !default;
+$listbox-mat-filter-height: calc(100% - 51px) !default;
+$listbox-mat-filter-bigger-height: calc(100% - 58px) !default;
 $listbox-filter-height: calc(100% - 52px) !default;
 $listbox-filter-bigger-height: calc(100% - 58px) !default;
+$listbox-ej2-filterselect-height: calc(100% - 91.5px) !default;
+$listbox-ej2-filterselect-bigger-height: calc(100% - 106px) !default;

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

@@ -114,7 +114,11 @@ $listbox-filter-small-height: calc(100% - 43px) !default;
 $listbox-filter-bigger-small-height: calc(100% - 56px) !default;
 $listbox-select-height: calc(100% - 40px) !default;
 $listbox-select-bigger-height: calc(100% - 50px) !default;
-$listbox-filterselect-height: calc(100% - 79px) !default;
-$listbox-filterselect-bigger-height: calc(100% - 96px) !default;
-$listbox-filter-height: calc(100% - 48px) !default;
-$listbox-filter-bigger-height: calc(100% - 56px) !default;
+$listbox-filterselect-height: calc(100% - 41px) !default;
+$listbox-filterselect-bigger-height: calc(100% - 50px) !default;
+$listbox-mat-filter-height: calc(100% - 50px) !default;
+$listbox-mat-filter-bigger-height: calc(100% - 58px) !default;
+$listbox-filter-height: calc(100% - 51px) !default;
+$listbox-filter-bigger-height: calc(100% - 59px) !default;
+$listbox-ej2-filterselect-height: calc(100% - 90.5px) !default;
+$listbox-ej2-filterselect-bigger-height: calc(100% - 108px) !default;

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

@@ -68,10 +68,8 @@ $listbox-template-multiline-header-font-size: $text-sm !default;
 $listbox-template-multiline-padding: 4px !default;
 $listbox-template-multiline-content-font-size: $text-sm !default;
 $listbox-template-multiline-avatar-top: 0 !default;
-$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-item-height: 36px !default;
 
 $listbox-border-color: $border-light;
@@ -112,7 +110,11 @@ $listbox-template-multiline-content-color: $content-text-color-alt2 !default;
 
 $listbox-select-height: calc(100% - 36px) !default;
 $listbox-select-bigger-height: calc(100% - 40px) !default;
-$listbox-filterselect-height: calc(100% - 86px) !default;
-$listbox-filterselect-bigger-height: calc(100% - 96px) !default;
+$listbox-filterselect-height: calc(100% - 36px) !default;
+$listbox-filterselect-bigger-height: calc(100% - 48px) !default;
+$listbox-mat-filter-height: calc(100% - 50px) !default;
+$listbox-mat-filter-bigger-height: calc(100% - 55px) !default;
 $listbox-filter-height: calc(100% - 50px) !default;
 $listbox-filter-bigger-height: calc(100% - 56px) !default;
+$listbox-ej2-filterselect-height: calc(100% - 86px) !default;
+$listbox-ej2-filterselect-bigger-height: calc(100% - 104px) !default;

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

@@ -116,7 +116,11 @@ $listbox-filter-small-height: calc(100% - 45px) !default;
 $listbox-filter-bigger-small-height: calc(100% - 55px) !default;
 $listbox-select-height: calc(100% - 36px) !default;
 $listbox-select-bigger-height: calc(100% - 45px) !default;
-$listbox-filterselect-height: calc(100% - 87px) !default;
-$listbox-filterselect-bigger-height: calc(100% - 104px) !default;
+$listbox-filterselect-height: calc(100% - 36px) !default;
+$listbox-filterselect-bigger-height: calc(100% - 45px) !default;
+$listbox-mat-filter-height: calc(100% - 50px) !default;
+$listbox-mat-filter-bigger-height: calc(100% - 58px) !default;
 $listbox-filter-height: calc(100% - 51px) !default;
 $listbox-filter-bigger-height: calc(100% - 59px) !default;
+$listbox-ej2-filterselect-height: calc(100% - 87px) !default;
+$listbox-ej2-filterselect-bigger-height: calc(100% - 104px) !default;

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

@@ -109,7 +109,11 @@ $listbox-filter-small-height: calc(100% - 45px) !default;
 $listbox-filter-bigger-small-height: calc(100% - 55px) !default;
 $listbox-select-height: calc(100% - 36px) !default;
 $listbox-select-bigger-height: calc(100% - 45px) !default;
-$listbox-filterselect-height: calc(100% - 87px) !default;
-$listbox-filterselect-bigger-height: calc(100% - 104px) !default;
+$listbox-filterselect-height: calc(100% - 36px) !default;
+$listbox-filterselect-bigger-height: calc(100% - 45px) !default;
+$listbox-mat-filter-height: calc(100% - 50px) !default;
+$listbox-mat-filter-bigger-height: calc(100% - 58px) !default;
 $listbox-filter-height: calc(100% - 51px) !default;
 $listbox-filter-bigger-height: calc(100% - 59px) !default;
+$listbox-ej2-filterselect-height: calc(100% - 87px) !default;
+$listbox-ej2-filterselect-bigger-height: calc(100% - 104px) !default;