@syncfusion/ej2-dropdowns 22.2.12 → 23.1.38

package/styles/list-box/material3-dark.css

@@ -1,4 +1,3 @@
-@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,900&display=swap");
 :root {
   --color-sf-black: 0, 0, 0;
   --color-sf-white: 255, 255, 255;
@@ -139,11 +138,6 @@
   padding: 10px 16px;
   position: relative;
 }
-.e-listbox-wrapper.e-filter-list,
-.e-listbox-container.e-filter-list,
-.e-listboxtool-wrapper.e-filter-list {
-  overflow: inherit;
-}
 .e-listbox-wrapper .e-list-parent,
 .e-listbox-container .e-list-parent,
 .e-listboxtool-wrapper .e-list-parent {
@@ -428,9 +422,6 @@ ejs-listbox {
   overflow: auto;
 }
 
-.e-listbox-wrapper.e-filter-list {
-  overflow: inherit;
-}
 .e-listbox-wrapper.e-filter-list .e-list-parent {
   overflow: auto;
 }
@@ -626,27 +617,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% - 35px) !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% - 44px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
+  height: calc(100% - 44px) !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% - 55px);
+  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% - 98px);
+  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% - 36px) !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% - 44px) !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% - 37px) !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% - 76px) !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% - 92px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
 .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
-  height: calc(100% - 45px);
+  height: 100%;
 }
 
 .e-listbox-wrapper,
@@ -673,13 +703,13 @@ ejs-listbox {
 .e-listbox-wrapper.e-filter-list .e-list-parent,
 .e-listbox-container.e-filter-list .e-list-parent,
 .e-listboxtool-wrapper.e-filter-list .e-list-parent {
-  height: calc(100% - 47px);
+  height: calc(100% - 36px);
 }
 
 .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% - 79px);
+  height: calc(100% - 40px) !important; /* stylelint-disable-line declaration-no-important */
 }
 
 .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
@@ -953,4 +983,28 @@ ejs-listbox {
 .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar) {
   padding-left: 10px;
   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% - 36px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-listbox-container.e-filter-list .e-selectall-parent + .e-list-wrap {
+  height: calc(100% - 40px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-listbox-container .e-selectall-parent + .e-list-wrap {
+  height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
 }

package/styles/list-box/material3-dark.scss

@@ -1,4 +1,4 @@
-@import 'ej2-base/styles/material3-dark-definition.scss';
+
 
 @import '../drop-down-base/material3-dark-definition.scss';
 @import 'material3-dark-definition.scss';

package/styles/list-box/material3.css

@@ -1,4 +1,3 @@
-@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,900&display=swap");
 :root {
   --color-sf-black: 0, 0, 0;
   --color-sf-white: 255, 255, 255;
@@ -195,11 +194,6 @@
   padding: 10px 16px;
   position: relative;
 }
-.e-listbox-wrapper.e-filter-list,
-.e-listbox-container.e-filter-list,
-.e-listboxtool-wrapper.e-filter-list {
-  overflow: inherit;
-}
 .e-listbox-wrapper .e-list-parent,
 .e-listbox-container .e-list-parent,
 .e-listboxtool-wrapper .e-list-parent {
@@ -484,9 +478,6 @@ ejs-listbox {
   overflow: auto;
 }
 
-.e-listbox-wrapper.e-filter-list {
-  overflow: inherit;
-}
 .e-listbox-wrapper.e-filter-list .e-list-parent {
   overflow: auto;
 }
@@ -682,27 +673,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% - 35px) !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% - 44px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
+  height: calc(100% - 44px) !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% - 55px);
+  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% - 98px);
+  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% - 36px) !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% - 44px) !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% - 37px) !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% - 76px) !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% - 92px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
 .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
-  height: calc(100% - 45px);
+  height: 100%;
 }
 
 .e-listbox-wrapper,
@@ -729,13 +759,13 @@ ejs-listbox {
 .e-listbox-wrapper.e-filter-list .e-list-parent,
 .e-listbox-container.e-filter-list .e-list-parent,
 .e-listboxtool-wrapper.e-filter-list .e-list-parent {
-  height: calc(100% - 47px);
+  height: calc(100% - 36px);
 }
 
 .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% - 79px);
+  height: calc(100% - 40px) !important; /* stylelint-disable-line declaration-no-important */
 }
 
 .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
@@ -1009,4 +1039,28 @@ ejs-listbox {
 .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar) {
   padding-left: 10px;
   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% - 36px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-listbox-container.e-filter-list .e-selectall-parent + .e-list-wrap {
+  height: calc(100% - 40px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-listbox-container .e-selectall-parent + .e-list-wrap {
+  height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
 }

package/styles/list-box/material3.scss

@@ -1,4 +1,4 @@
-@import 'ej2-base/styles/material3-definition.scss';
+
 
 @import '../drop-down-base/material3-definition.scss';
 @import 'material3-definition.scss';

package/styles/list-box/tailwind-dark.css

@@ -1,4 +1,3 @@
-@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
 .e-dropdownbase .e-list-item.e-active,
 .e-dropdownbase .e-list-item.e-active.e-hover {
   font-weight: 500;
@@ -125,11 +124,6 @@
   padding: 12px 12px;
   position: relative;
 }
-.e-listbox-wrapper.e-filter-list,
-.e-listbox-container.e-filter-list,
-.e-listboxtool-wrapper.e-filter-list {
-  overflow: inherit;
-}
 .e-listbox-wrapper .e-list-parent,
 .e-listbox-container .e-list-parent,
 .e-listboxtool-wrapper .e-list-parent {
@@ -413,9 +407,6 @@ ejs-listbox {
   overflow: auto;
 }
 
-.e-listbox-wrapper.e-filter-list {
-  overflow: inherit;
-}
 .e-listbox-wrapper.e-filter-list .e-list-parent {
   overflow: auto;
 }
@@ -617,27 +608,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% - 58px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
+  height: calc(100% - 58px) !important; /* stylelint-disable-line declaration-no-important */
 }
 
-.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
 .e-bigger .e-listbox-container.e-filter-list .e-list-parent {
-  height: calc(100% - 55px);
+  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% - 94px);
+  height: calc(100% - 47px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
+  height: calc(100% - 47px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
+  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% - 58px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
+  height: 100%;
 }
 
 .e-bigger .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
+.e-bigger .e-listbox-container .e-selectall-parent + .e-list-wrap {
+  height: calc(100% - 48px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
 .e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent {
-  height: calc(100% - 48px);
+  height: 100%;
 }
 
 .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
+.e-small.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
+  height: calc(100% - 53px) !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% - 87.5px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
+  height: calc(100% - 106px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
 .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
-  height: calc(100% - 45px);
+  height: 100%;
 }
 
 .e-listbox-wrapper,
@@ -674,13 +704,13 @@ ejs-listbox {
 .e-listbox-wrapper.e-filter-list .e-list-parent,
 .e-listbox-container.e-filter-list .e-list-parent,
 .e-listboxtool-wrapper.e-filter-list .e-list-parent {
-  height: calc(100% - 47px);
+  height: calc(100% - 50px);
 }
 
 .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% - 76px);
+  height: calc(100% - 38px) !important; /* stylelint-disable-line declaration-no-important */
 }
 
 .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
@@ -954,4 +984,28 @@ ejs-listbox {
 .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar) {
   padding-left: 10px;
   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% - 50px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-listbox-container.e-filter-list .e-selectall-parent + .e-list-wrap {
+  height: calc(100% - 38px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-listbox-container .e-selectall-parent + .e-list-wrap {
+  height: calc(100% - 38px) !important; /* stylelint-disable-line declaration-no-important */
 }

package/styles/list-box/tailwind-dark.scss

@@ -1,4 +1,4 @@
-@import 'ej2-base/styles/tailwind-dark-definition.scss';
+@import 'ej2-base/styles/definition/tailwind-dark.scss';
 @import '../drop-down-base/tailwind-dark-definition.scss';
 @import 'tailwind-dark-definition.scss';
 @import 'icons/tailwind-dark.scss';

package/styles/list-box/tailwind.css

@@ -1,4 +1,3 @@
-@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
 .e-dropdownbase .e-list-item.e-active,
 .e-dropdownbase .e-list-item.e-active.e-hover {
   font-weight: 500;
@@ -125,11 +124,6 @@
   padding: 12px 12px;
   position: relative;
 }
-.e-listbox-wrapper.e-filter-list,
-.e-listbox-container.e-filter-list,
-.e-listboxtool-wrapper.e-filter-list {
-  overflow: inherit;
-}
 .e-listbox-wrapper .e-list-parent,
 .e-listbox-container .e-list-parent,
 .e-listboxtool-wrapper .e-list-parent {
@@ -413,9 +407,6 @@ ejs-listbox {
   overflow: auto;
 }
 
-.e-listbox-wrapper.e-filter-list {
-  overflow: inherit;
-}
 .e-listbox-wrapper.e-filter-list .e-list-parent {
   overflow: auto;
 }
@@ -617,27 +608,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% - 58px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
+  height: calc(100% - 58px) !important; /* stylelint-disable-line declaration-no-important */
 }
 
-.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
 .e-bigger .e-listbox-container.e-filter-list .e-list-parent {
-  height: calc(100% - 55px);
+  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% - 94px);
+  height: calc(100% - 47px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
+  height: calc(100% - 47px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
+  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% - 58px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
+  height: 100%;
 }
 
 .e-bigger .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
+.e-bigger .e-listbox-container .e-selectall-parent + .e-list-wrap {
+  height: calc(100% - 48px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
 .e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent {
-  height: calc(100% - 48px);
+  height: 100%;
 }
 
 .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
+.e-small.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
+  height: calc(100% - 53px) !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% - 87.5px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
+  height: calc(100% - 106px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
 .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
-  height: calc(100% - 45px);
+  height: 100%;
 }
 
 .e-listbox-wrapper,
@@ -674,13 +704,13 @@ ejs-listbox {
 .e-listbox-wrapper.e-filter-list .e-list-parent,
 .e-listbox-container.e-filter-list .e-list-parent,
 .e-listboxtool-wrapper.e-filter-list .e-list-parent {
-  height: calc(100% - 47px);
+  height: calc(100% - 50px);
 }
 
 .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% - 76px);
+  height: calc(100% - 38px) !important; /* stylelint-disable-line declaration-no-important */
 }
 
 .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
@@ -954,4 +984,28 @@ ejs-listbox {
 .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar) {
   padding-left: 10px;
   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% - 50px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-listbox-container.e-filter-list .e-selectall-parent + .e-list-wrap {
+  height: calc(100% - 38px) !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-listbox-container .e-selectall-parent + .e-list-wrap {
+  height: calc(100% - 38px) !important; /* stylelint-disable-line declaration-no-important */
 }

package/styles/list-box/tailwind.scss

@@ -1,4 +1,4 @@
-@import 'ej2-base/styles/tailwind-definition.scss';
+@import 'ej2-base/styles/definition/tailwind.scss';
 @import '../drop-down-base/tailwind-definition.scss';
 @import 'tailwind-definition.scss';
 @import 'icons/tailwind.scss';