@syncfusion/blazor-themes 22.2.12 → 23.1.38

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

@@ -73,10 +73,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;
@@ -117,10 +115,14 @@ $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;
 
 @include export-module('listbox-layout') {
   /* stylelint-disable property-no-vendor-prefix */
@@ -181,10 +183,6 @@ $listbox-filter-bigger-height: calc(100% - 56px) !default;
       position: relative;
     }
 
-    &.e-filter-list {
-      overflow: inherit;
-    }
-
     .e-list-parent {
       height: 100%;
       min-height: $listbox-item-height;
@@ -438,8 +436,6 @@ $listbox-filter-bigger-height: calc(100% - 56px) !default;
   .e-listbox-wrapper {
 
     &.e-filter-list {
-      overflow: inherit;
-
       & .e-list-parent {
         overflow: auto;
       }
@@ -675,27 +671,64 @@ $listbox-filter-bigger-height: calc(100% - 56px) !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,
@@ -736,7 +769,7 @@ $listbox-filter-bigger-height: calc(100% - 56px) !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 {
@@ -988,6 +1021,34 @@ $listbox-filter-bigger-height: calc(100% - 56px) !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/bootstrap5.scss

@@ -73,10 +73,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;
@@ -117,10 +115,14 @@ $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;
 
 @include export-module('listbox-layout') {
   /* stylelint-disable property-no-vendor-prefix */
@@ -181,10 +183,6 @@ $listbox-filter-bigger-height: calc(100% - 56px) !default;
       position: relative;
     }
 
-    &.e-filter-list {
-      overflow: inherit;
-    }
-
     .e-list-parent {
       height: 100%;
       min-height: $listbox-item-height;
@@ -438,8 +436,6 @@ $listbox-filter-bigger-height: calc(100% - 56px) !default;
   .e-listbox-wrapper {
 
     &.e-filter-list {
-      overflow: inherit;
-
       & .e-list-parent {
         overflow: auto;
       }
@@ -675,27 +671,64 @@ $listbox-filter-bigger-height: calc(100% - 56px) !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,
@@ -736,7 +769,7 @@ $listbox-filter-bigger-height: calc(100% - 56px) !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 {
@@ -988,6 +1021,34 @@ $listbox-filter-bigger-height: calc(100% - 56px) !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/fabric-dark.scss

@@ -121,10 +121,14 @@ $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;
 
 @include export-module('listbox-layout') {
   /* stylelint-disable property-no-vendor-prefix */
@@ -185,10 +189,6 @@ $listbox-filter-bigger-height: calc(100% - 59px) !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% - 59px) !default;
   .e-listbox-wrapper {
 
     &.e-filter-list {
-      overflow: inherit;
-
       & .e-list-parent {
         overflow: auto;
       }
@@ -679,27 +677,64 @@ $listbox-filter-bigger-height: calc(100% - 59px) !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% - 59px) !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% - 59px) !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/fabric.scss

@@ -114,10 +114,14 @@ $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;
 
 @include export-module('listbox-layout') {
   /* stylelint-disable property-no-vendor-prefix */
@@ -178,10 +182,6 @@ $listbox-filter-bigger-height: calc(100% - 59px) !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% - 59px) !default;
   .e-listbox-wrapper {
 
     &.e-filter-list {
-      overflow: inherit;
-
       & .e-list-parent {
         overflow: auto;
       }
@@ -672,27 +670,64 @@ $listbox-filter-bigger-height: calc(100% - 59px) !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% - 59px) !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% - 59px) !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 */
+      }
+    }
+  }
 }