@syncfusion/blazor-themes 23.1.36 → 23.1.39

package/SCSS-Themes/bootstrap5.scss

@@ -55425,7 +55425,10 @@ $treeview-item-active-check-color: $primary !default;
       display: inline-block;
       line-height: $treeview-text-height;
       margin: $treeview-text-margin;
-      @if $skin-name != 'bootstrap4' {
+      @if $skin-name == 'Material3' {
+        min-height: $treeview-item-height;
+      }
+      @else if $skin-name != 'bootstrap4' {
         min-height: $treeview-text-height;
       }
       @else if $skin-name == 'bootstrap4' {
@@ -59738,6 +59741,8 @@ $ddl-closer-margin-top-bigger: -2.25em !default;
 $ddl-icon-margin-top: -2.1em !default;
 $ddl-clear-margin-top: -2em !default;
 $ddl-icon-margin-top-bigger: -2.25em !default;
+$ddl-small-ddl-icon-top: -2em !default;
+$ddl-bigger-small-ddl-icon-top: -2.65em !default;
 $ddl-chip-mobile-radius: 2px !default;
 $ddl-chip-sel-mobile-height: 40px !default;
 $ddl-chip-selected-padding: 12px 4px 11px 0 !default;
@@ -60091,7 +60096,8 @@ $ddl-close-down-icon-left: 35px !default;
   }
 }
 
-.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 {
   @if $ddl-multiselect-skin-name != 'Material3' {
     margin-top: $ddl-icon-margin-top-bigger;
   }
@@ -61123,6 +61129,11 @@ ejs-multiselect {
   }
 }
 
+.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: $ddl-small-ddl-icon-top;
+}
+
 .e-small .e-multi-select-wrapper .e-chips-close.e-close-hooker {
   @if ddl-multiselect-skin-name == 'Material3' {
     height: $ddl-small-clear-icon-height;
@@ -61154,6 +61165,11 @@ ejs-multiselect {
   }
 }
 
+.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: $ddl-bigger-small-ddl-icon-top;
+}
+
 .e-bigger.e-small .e-multi-select-wrapper .e-chips-close {
   height: $ddl-bigger-small-chip-close-square;
   width: $ddl-bigger-small-chip-close-width;
@@ -62800,10 +62816,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;
@@ -62844,10 +62858,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 */
@@ -63396,27 +63414,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,
@@ -63457,7 +63512,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 {
@@ -63709,6 +63764,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 */
+      }
+    }
+  }
 }
 
 
@@ -77176,6 +77259,11 @@ $grid-dropitems-count-margin-left: -4px !default;
       overflow: visible;
     }
 
+    .e-headercell.e-templatecell .e-headercelldiv {
+      height: auto;
+      min-height: $grid-header-height;
+    }
+
     .e-gridheader .e-headercontent .e-rightalign .e-headercelldiv.e-headerchkcelldiv {
       padding: 0 .6em;
     }
@@ -81327,6 +81415,10 @@ $grid-dropitems-count-margin-left: -4px !default;
       cursor: move;
     }
 
+    & .e-notallowedcur .e-row:hover .e-rowdragdrop {
+      cursor: not-allowed;
+    }
+
     .e-sortnumber {
       @if $grid-skin == 'material3' {
         background: $grid-sortnumber-bg-color;
@@ -88931,7 +89023,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
 
         .e-rte-emojipicker-group .e-rte-emojipickerbtn-group {
           display: grid;
-          grid-template-columns: repeat(6, 1fr);
+          grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
           gap: 6px;
 
           .e-btn.e-control {
@@ -88948,7 +89040,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
 
         .e-rte-emojisearch-btn {
           display: grid;
-          grid-template-columns: repeat(6, 1fr);
+          grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
           gap: 6px;
           height: 0;
 
@@ -101116,6 +101208,22 @@ $pv-eye-icon-margin-top: 3px !default;
     text-align: left;
   }
 
+  .e-pv-mobile-comments-container .e-pv-comment-panel-title {
+    @if $skin-name == 'Material3' {
+      background: $content-bg-color-alt2;
+      border: $border-light;
+      border-width: 0 0 1px 1px;
+      font-size: $text-base;
+      font-weight: $pv-comment-tile-font-weight;
+      line-height: 16px;
+      padding: 0;
+      left: 15px;
+      top: 14px;
+      position: absolute;
+      text-align: left;
+    }
+  }
+
   .e-pv-comment-panel-title-close-div.e-btn {
     background: $pv-title-close-background;
     border: $pv-title-close-border;
@@ -101125,17 +101233,12 @@ $pv-eye-icon-margin-top: 3px !default;
     }
     height: $pv-title-close-height;
     position: $pv-title-close-position;
-    @if $skin-name != 'Material3' {
-      right: 11px;
-      top: 5px;
-    }
+    right: 11px;
+    top: 5px;
     width: $pv-title-close-width;
     @if $skin-name == 'FluentUI' {
       padding: 4px;
     }
-    @if $skin-name == 'Material3' {
-      padding: 12px 12px 12px 270px;
-    }
   }
 
   @if $skin-name == 'Material3' {
@@ -101148,7 +101251,7 @@ $pv-eye-icon-margin-top: 3px !default;
     @if $skin-name != 'bootstrap5' {
       color: $pv-comment-text-color;
     }
-    @if ($skin-name == 'bootstrap5' or $skin-name == 'tailwind' or $skin-name == 'FluentUI') {
+    @if ($skin-name == 'bootstrap5' or $skin-name == 'tailwind' or $skin-name == 'FluentUI' or $skin-name == 'Material3') {
       color: $icon-color;
     }
   }
@@ -101156,6 +101259,7 @@ $pv-eye-icon-margin-top: 3px !default;
   .e-pv-comments-panel-text {
     font-size: 15px;
     padding-left: 85px;
+    color: rgba(var(--color-sf-on-surface-variant));
   }
 
   .e-pv-comments-content-container {
@@ -102632,7 +102736,7 @@ $pv-eye-icon-margin-top: 3px !default;
   }
   
   .e-bigger .e-pv-signature-dialog-height {
-    @if ($skin-name == 'FluentUI' $skin-name == 'Material3') {
+    @if ($skin-name == 'FluentUI') {
       min-height: 592px;
     }
   }
@@ -105554,6 +105658,9 @@ $field-list-adaptive-outerdiv-height: 187px !default;
         @if ($skin-name == 'FluentUI') {
           border-top: 0;
         }
+        @if ($skin-name == 'fabric') or ($skin-name == 'fabric-dark') or ($skin-name =='highcontrast') or ($skin-name =='highcontrast-light') {
+          padding: $field-list-editor-dialog-footer-padding;
+        }
       }
 
       .e-dlg-content {
@@ -105702,15 +105809,6 @@ $field-list-adaptive-outerdiv-height: 187px !default;
       padding: 9px 10px;
     }
 
-    .e-text-content {
-      .e-list-text {
-        line-height: 1.5em;
-        // @if ($field-list-skin == 'bootstrap4') {
-        //   line-height: 0;
-        // }
-      }
-    }
-
     &.e-drag-restrict {
       .e-no-drop {
         &::before {
@@ -109700,12 +109798,15 @@ $pivotpager-single-size-title-padding: 8px !default;
     .e-pivotcell-container {
       align-items: center;
       display: flex;
+      max-height: inherit;
 
       .e-stackedheadertext,
       .e-headertext {
         &.e-cellvalue {
+          align-self: stretch;
           overflow: hidden;
           text-overflow: ellipsis;
+          width: 100%;
         }
       }
 
@@ -110009,6 +110110,7 @@ $pivotpager-single-size-title-padding: 8px !default;
           font-size: 20px;
           text-align: center;
           padding: 10%;
+          pointer-events: none;
           
           &.e-hide-loader {
             display: none;
@@ -110451,6 +110553,13 @@ $pivotpager-single-size-title-padding: 8px !default;
       width: 100%;
     }
 
+    th.e-group-row .e-axis-row {
+      display: inline-block;
+      height: 100%;
+      vertical-align: top;
+      width: 100%;
+    }
+
     /* stylelint-disable */
     .e-group-row {
       padding: 0 !important;
@@ -110659,7 +110768,10 @@ $pivotpager-single-size-title-padding: 8px !default;
     th .e-expand,
     th .e-collapse {
       font-size: $pivotgrid-expcoldiv-fontsize !important;
-      margin-left: 0px;
+      margin-left: 0;
+      @if ($skin-name == 'bootstrap4') {
+        display: flex;
+      }
     }
 
     /* stylelint-enable */
@@ -119013,6 +119125,12 @@ $image-editor-drop-border: 2px dashed $icon-color !default;
         position: absolute;
         font-size: 14px;
       }
+
+      & .e-ie-min-drop-content {
+        left: calc(50% - 120px);
+        top: 50%;
+        font-size: 14px;
+      }
     }
 
     & .e-toolbar {

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 */
@@ -673,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,
@@ -734,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 {
@@ -986,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 */
@@ -666,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,
@@ -727,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 {
@@ -979,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 */
+      }
+    }
+  }
 }