@syncfusion/blazor-themes 22.2.12 → 23.1.38

package/SCSS-Themes/documenteditor/document-editor-container/fabric-dark.scss

@@ -1453,6 +1453,7 @@ $de-prop-btn-icon-clr: #ccc;
             line-height: normal;
             margin: 0;
             outline: 0;
+			background: $de-ctnr-bg-clr;
             @if $skin-name =='Material3' {
                 padding: 10px 0;
             }
@@ -2677,6 +2678,7 @@ $de-prop-btn-icon-clr: #ccc;
     }
 }
 
+
 @include export-module('document-editor-container-fabric-icons') {
   .e-de-ctnr-linespacing::before {
     content: '\eb8a';

package/SCSS-Themes/documenteditor/document-editor-container/fabric.scss

@@ -1450,6 +1450,7 @@ $de-prop-btn-icon-clr: #ccc;
             line-height: normal;
             margin: 0;
             outline: 0;
+			background: $de-ctnr-bg-clr;
             @if $skin-name =='Material3' {
                 padding: 10px 0;
             }
@@ -2674,6 +2675,7 @@ $de-prop-btn-icon-clr: #ccc;
     }
 }
 
+
 @include export-module('document-editor-container-fabric-icons') {
   .e-de-ctnr-linespacing::before {
     content: '\eb8a';

package/SCSS-Themes/documenteditor/document-editor-container/fluent-dark.scss

@@ -1475,6 +1475,7 @@ $de-hover-bg: $content-bg-color-alt2 !default;
             line-height: normal;
             margin: 0;
             outline: 0;
+			background: $de-ctnr-bg-clr;
             @if $skin-name =='Material3' {
                 padding: 10px 0;
             }
@@ -2699,6 +2700,7 @@ $de-hover-bg: $content-bg-color-alt2 !default;
     }
 }
 
+
 @include export-module('document-editor-container-fluent-icons') {
   .e-de-ctnr-close::before {
     color: $icon-color;

package/SCSS-Themes/documenteditor/document-editor-container/fluent.scss

@@ -1475,6 +1475,7 @@ $de-hover-bg: $content-bg-color-alt2 !default;
             line-height: normal;
             margin: 0;
             outline: 0;
+			background: $de-ctnr-bg-clr;
             @if $skin-name =='Material3' {
                 padding: 10px 0;
             }
@@ -2699,6 +2700,7 @@ $de-hover-bg: $content-bg-color-alt2 !default;
     }
 }
 
+
 @include export-module('document-editor-container-fluent-icons') {
   .e-de-ctnr-close::before {
     color: $icon-color;

package/SCSS-Themes/documenteditor/document-editor-container/highcontrast.scss

@@ -1451,6 +1451,7 @@ $de-prop-btn-icon-clr: #ccc;
             line-height: normal;
             margin: 0;
             outline: 0;
+			background: $de-ctnr-bg-clr;
             @if $skin-name =='Material3' {
                 padding: 10px 0;
             }
@@ -2675,6 +2676,7 @@ $de-prop-btn-icon-clr: #ccc;
     }
 }
 
+
 @include export-module('document-editor-container-highcontrast-icons') {
   .e-de-ctnr-linespacing::before {
     content: '\eb8a';

package/SCSS-Themes/documenteditor/document-editor-container/material-dark.scss

@@ -1452,6 +1452,7 @@ $de-prop-btn-icon-clr: #ccc;
             line-height: normal;
             margin: 0;
             outline: 0;
+			background: $de-ctnr-bg-clr;
             @if $skin-name =='Material3' {
                 padding: 10px 0;
             }
@@ -2676,6 +2677,7 @@ $de-prop-btn-icon-clr: #ccc;
     }
 }
 
+
 @include export-module('document-editor-container-material-icons') {
   .e-de-ctnr-close::before {
     content: '\eb36';

package/SCSS-Themes/documenteditor/document-editor-container/material.scss

@@ -1451,6 +1451,7 @@ $de-prop-btn-icon-clr: #ccc;
             line-height: normal;
             margin: 0;
             outline: 0;
+			background: $de-ctnr-bg-clr;
             @if $skin-name =='Material3' {
                 padding: 10px 0;
             }
@@ -2675,6 +2676,7 @@ $de-prop-btn-icon-clr: #ccc;
     }
 }
 
+
 @include export-module('document-editor-container-material-icons') {
   .e-de-ctnr-close::before {
     content: '\eb36';

package/SCSS-Themes/documenteditor/document-editor-container/material3-dark.scss

@@ -1478,6 +1478,7 @@ $de-hover-bg: $content-bg-color-alt2 !default;
             line-height: normal;
             margin: 0;
             outline: 0;
+			background: $de-ctnr-bg-clr;
             @if $skin-name =='Material3' {
                 padding: 10px 0;
             }
@@ -2702,6 +2703,7 @@ $de-hover-bg: $content-bg-color-alt2 !default;
     }
 }
 
+
 @include export-module('document-editor-container-material3-icons') {
   .e-de-ctnr-close::before {
     color: rgba($icon-color);

package/SCSS-Themes/documenteditor/document-editor-container/material3.scss

@@ -1478,6 +1478,7 @@ $de-hover-bg: $content-bg-color-alt2 !default;
             line-height: normal;
             margin: 0;
             outline: 0;
+			background: $de-ctnr-bg-clr;
             @if $skin-name =='Material3' {
                 padding: 10px 0;
             }
@@ -2702,6 +2703,7 @@ $de-hover-bg: $content-bg-color-alt2 !default;
     }
 }
 
+
 @include export-module('document-editor-container-material3-icons') {
   .e-de-ctnr-close::before {
     color: rgba($icon-color);

package/SCSS-Themes/documenteditor/document-editor-container/tailwind-dark.scss

@@ -1468,6 +1468,7 @@ $de-hlt-clr-height-bigger: 24px;
             line-height: normal;
             margin: 0;
             outline: 0;
+			background: $de-ctnr-bg-clr;
             @if $skin-name =='Material3' {
                 padding: 10px 0;
             }
@@ -2692,6 +2693,7 @@ $de-hlt-clr-height-bigger: 24px;
     }
 }
 
+
 @include export-module('document-editor-container-tailwind-icons') {
   .e-de-ctnr-close::before {
     color: $icon-color;

package/SCSS-Themes/documenteditor/document-editor-container/tailwind.scss

@@ -1468,6 +1468,7 @@ $de-hlt-clr-height-bigger: 24px;
             line-height: normal;
             margin: 0;
             outline: 0;
+			background: $de-ctnr-bg-clr;
             @if $skin-name =='Material3' {
                 padding: 10px 0;
             }
@@ -2692,6 +2693,7 @@ $de-hlt-clr-height-bigger: 24px;
     }
 }
 
+
 @include export-module('document-editor-container-tailwind-icons') {
   .e-de-ctnr-close::before {
     color: $icon-color;

package/SCSS-Themes/dropdowns/list-box/bootstrap-dark.scss

@@ -121,10 +121,14 @@ $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;
 
 @include export-module('listbox-layout') {
   /* stylelint-disable property-no-vendor-prefix */
@@ -185,10 +189,6 @@ $listbox-filter-bigger-height: calc(100% - 58px) !default;
       position: relative;
     }
 
-    &.e-filter-list {
-      overflow: inherit;
-    }
-
     .e-list-parent {
       height: 100%;
       min-height: $listbox-item-height;
@@ -442,8 +442,6 @@ $listbox-filter-bigger-height: calc(100% - 58px) !default;
   .e-listbox-wrapper {
 
     &.e-filter-list {
-      overflow: inherit;
-
       & .e-list-parent {
         overflow: auto;
       }
@@ -679,27 +677,64 @@ $listbox-filter-bigger-height: calc(100% - 58px) !default;
 @include export-module('listbox-theme') {
   .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
   .e-small .e-listbox-container.e-filter-list .e-list-parent {
-    height: $listbox-filter-small-height;
+    height: $listbox-filter-small-height !important; /* stylelint-disable-line declaration-no-important */
+  }
+
+  .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
+    height: $listbox-filter-bigger-height !important; /* stylelint-disable-line declaration-no-important */
+  }
+  .e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
+    height: $listbox-mat-filter-bigger-height !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: $listbox-filter-bigger-height;
+    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: $listbox-filterselect-bigger-height;
+    height: $listbox-filterselect-bigger-height !important; /* stylelint-disable-line declaration-no-important */
+  }
+
+  .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
+    height: $listbox-filterselect-bigger-height !important; /* stylelint-disable-line declaration-no-important */
+  }
+
+  .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
+    height: $listbox-filter-height !important; /* stylelint-disable-line declaration-no-important */
+  }
+
+  .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
+    height: $listbox-filter-bigger-height !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: $listbox-select-bigger-height !important; /* stylelint-disable-line declaration-no-important */
+  }
+
   .e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent {
-    height: $listbox-select-bigger-height;
+    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: $listbox-filter-bigger-small-height !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: $listbox-ej2-filterselect-height !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: $listbox-ej2-filterselect-bigger-height !important;/* stylelint-disable-line declaration-no-important */
+  }
+
   .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
-    height: $listbox-filter-bigger-small-height;
+    height: 100%;
   }
 
   .e-listbox-wrapper,
@@ -740,7 +775,7 @@ $listbox-filter-bigger-height: calc(100% - 58px) !default;
       }
 
       &.e-filter-list .e-selectall-parent + .e-list-parent {
-        height: $listbox-filterselect-height;
+        height: $listbox-filterselect-height !important; /* stylelint-disable-line declaration-no-important */
       }
 
       & .e-selectall-parent + .e-list-parent {
@@ -992,6 +1027,34 @@ $listbox-filter-bigger-height: calc(100% - 58px) !default;
       }
     }
   }
+
+  .e-listbox-container {
+    @at-root {
+      &.e-filter-list .e-list-parent {
+        height: 100%;
+      }
+
+      &.e-filter-list .e-selectall-parent + .e-list-parent {
+        height: 100%;
+      }
+
+      & .e-selectall-parent + .e-list-parent {
+        height: 100%;
+      }
+
+      &.e-filter-list .e-list-wrap {
+        height: $listbox-mat-filter-height !important; /* stylelint-disable-line declaration-no-important */
+      }
+
+      &.e-filter-list .e-selectall-parent + .e-list-wrap {
+        height: $listbox-filterselect-height !important; /* stylelint-disable-line declaration-no-important */
+      }
+
+      & .e-selectall-parent + .e-list-wrap {
+        height: $listbox-select-height !important; /* stylelint-disable-line declaration-no-important */
+      }
+    }
+  }
 }
 
 

package/SCSS-Themes/dropdowns/list-box/bootstrap.scss

@@ -113,11 +113,15 @@ $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;
 
 @include export-module('listbox-layout') {
   /* stylelint-disable property-no-vendor-prefix */
@@ -178,10 +182,6 @@ $listbox-filter-bigger-height: calc(100% - 58px) !default;
       position: relative;
     }
 
-    &.e-filter-list {
-      overflow: inherit;
-    }
-
     .e-list-parent {
       height: 100%;
       min-height: $listbox-item-height;
@@ -435,8 +435,6 @@ $listbox-filter-bigger-height: calc(100% - 58px) !default;
   .e-listbox-wrapper {
 
     &.e-filter-list {
-      overflow: inherit;
-
       & .e-list-parent {
         overflow: auto;
       }
@@ -672,27 +670,64 @@ $listbox-filter-bigger-height: calc(100% - 58px) !default;
 @include export-module('listbox-theme') {
   .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
   .e-small .e-listbox-container.e-filter-list .e-list-parent {
-    height: $listbox-filter-small-height;
+    height: $listbox-filter-small-height !important; /* stylelint-disable-line declaration-no-important */
+  }
+
+  .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
+    height: $listbox-filter-bigger-height !important; /* stylelint-disable-line declaration-no-important */
+  }
+  .e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
+    height: $listbox-mat-filter-bigger-height !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: $listbox-filter-bigger-height;
+    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: $listbox-filterselect-bigger-height;
+    height: $listbox-filterselect-bigger-height !important; /* stylelint-disable-line declaration-no-important */
+  }
+
+  .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
+    height: $listbox-filterselect-bigger-height !important; /* stylelint-disable-line declaration-no-important */
+  }
+
+  .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
+    height: $listbox-filter-height !important; /* stylelint-disable-line declaration-no-important */
+  }
+
+  .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
+    height: $listbox-filter-bigger-height !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: $listbox-select-bigger-height !important; /* stylelint-disable-line declaration-no-important */
+  }
+
   .e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent {
-    height: $listbox-select-bigger-height;
+    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: $listbox-filter-bigger-small-height !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: $listbox-ej2-filterselect-height !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: $listbox-ej2-filterselect-bigger-height !important;/* stylelint-disable-line declaration-no-important */
+  }
+
   .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
-    height: $listbox-filter-bigger-small-height;
+    height: 100%;
   }
 
   .e-listbox-wrapper,
@@ -733,7 +768,7 @@ $listbox-filter-bigger-height: calc(100% - 58px) !default;
       }
 
       &.e-filter-list .e-selectall-parent + .e-list-parent {
-        height: $listbox-filterselect-height;
+        height: $listbox-filterselect-height !important; /* stylelint-disable-line declaration-no-important */
       }
 
       & .e-selectall-parent + .e-list-parent {
@@ -985,6 +1020,34 @@ $listbox-filter-bigger-height: calc(100% - 58px) !default;
       }
     }
   }
+
+  .e-listbox-container {
+    @at-root {
+      &.e-filter-list .e-list-parent {
+        height: 100%;
+      }
+
+      &.e-filter-list .e-selectall-parent + .e-list-parent {
+        height: 100%;
+      }
+
+      & .e-selectall-parent + .e-list-parent {
+        height: 100%;
+      }
+
+      &.e-filter-list .e-list-wrap {
+        height: $listbox-mat-filter-height !important; /* stylelint-disable-line declaration-no-important */
+      }
+
+      &.e-filter-list .e-selectall-parent + .e-list-wrap {
+        height: $listbox-filterselect-height !important; /* stylelint-disable-line declaration-no-important */
+      }
+
+      & .e-selectall-parent + .e-list-wrap {
+        height: $listbox-select-height !important; /* stylelint-disable-line declaration-no-important */
+      }
+    }
+  }
 }
 
 

package/SCSS-Themes/dropdowns/list-box/bootstrap4.scss

@@ -115,14 +115,18 @@ $badge-bgcolor: $primary !default;
 
 $select-all-border-color: rgba($black, .15);
 
-$listbox-filter-small-height: calc(100% - 32px) !default;
-$listbox-filter-bigger-small-height: calc(100% - 44px) !default;
+$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% - 39px) !default;
-$listbox-filter-bigger-height: calc(100% - 46px) !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;
 
 @include export-module('listbox-layout') {
   /* stylelint-disable property-no-vendor-prefix */
@@ -183,10 +187,6 @@ $listbox-filter-bigger-height: calc(100% - 46px) !default;
       position: relative;
     }
 
-    &.e-filter-list {
-      overflow: inherit;
-    }
-
     .e-list-parent {
       height: 100%;
       min-height: $listbox-item-height;
@@ -440,8 +440,6 @@ $listbox-filter-bigger-height: calc(100% - 46px) !default;
   .e-listbox-wrapper {
 
     &.e-filter-list {
-      overflow: inherit;
-
       & .e-list-parent {
         overflow: auto;
       }
@@ -677,27 +675,64 @@ $listbox-filter-bigger-height: calc(100% - 46px) !default;
 @include export-module('listbox-theme') {
   .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
   .e-small .e-listbox-container.e-filter-list .e-list-parent {
-    height: $listbox-filter-small-height;
+    height: $listbox-filter-small-height !important; /* stylelint-disable-line declaration-no-important */
+  }
+
+  .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
+    height: $listbox-filter-bigger-height !important; /* stylelint-disable-line declaration-no-important */
+  }
+  .e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
+    height: $listbox-mat-filter-bigger-height !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: $listbox-filter-bigger-height;
+    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: $listbox-filterselect-bigger-height;
+    height: $listbox-filterselect-bigger-height !important; /* stylelint-disable-line declaration-no-important */
+  }
+
+  .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
+    height: $listbox-filterselect-bigger-height !important; /* stylelint-disable-line declaration-no-important */
+  }
+
+  .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
+    height: $listbox-filter-height !important; /* stylelint-disable-line declaration-no-important */
+  }
+
+  .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
+    height: $listbox-filter-bigger-height !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: $listbox-select-bigger-height !important; /* stylelint-disable-line declaration-no-important */
+  }
+
   .e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent {
-    height: $listbox-select-bigger-height;
+    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: $listbox-filter-bigger-small-height !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: $listbox-ej2-filterselect-height !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: $listbox-ej2-filterselect-bigger-height !important;/* stylelint-disable-line declaration-no-important */
+  }
+
   .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
-    height: $listbox-filter-bigger-small-height;
+    height: 100%;
   }
 
   .e-listbox-wrapper,
@@ -738,7 +773,7 @@ $listbox-filter-bigger-height: calc(100% - 46px) !default;
       }
 
       &.e-filter-list .e-selectall-parent + .e-list-parent {
-        height: $listbox-filterselect-height;
+        height: $listbox-filterselect-height !important; /* stylelint-disable-line declaration-no-important */
       }
 
       & .e-selectall-parent + .e-list-parent {
@@ -990,6 +1025,34 @@ $listbox-filter-bigger-height: calc(100% - 46px) !default;
       }
     }
   }
+
+  .e-listbox-container {
+    @at-root {
+      &.e-filter-list .e-list-parent {
+        height: 100%;
+      }
+
+      &.e-filter-list .e-selectall-parent + .e-list-parent {
+        height: 100%;
+      }
+
+      & .e-selectall-parent + .e-list-parent {
+        height: 100%;
+      }
+
+      &.e-filter-list .e-list-wrap {
+        height: $listbox-mat-filter-height !important; /* stylelint-disable-line declaration-no-important */
+      }
+
+      &.e-filter-list .e-selectall-parent + .e-list-wrap {
+        height: $listbox-filterselect-height !important; /* stylelint-disable-line declaration-no-important */
+      }
+
+      & .e-selectall-parent + .e-list-wrap {
+        height: $listbox-select-height !important; /* stylelint-disable-line declaration-no-important */
+      }
+    }
+  }
 }