@syncfusion/ej2-lists 27.1.48 → 27.2.2

package/dist/ej2-lists.min.js

@@ -1,6 +1,6 @@
 /*!
 *  filename: ej2-lists.min.js
-*  version : 27.1.48
+*  version : 27.2.2
 *  Copyright Syncfusion Inc. 2001 - 2023. All rights reserved.
 *  Use of this code is subject to the terms of our license.
 *  A copy of the current license can be obtained at any time by e-mailing

package/dist/ej2-lists.umd.min.js

@@ -1,6 +1,6 @@
 /*!
 *  filename: ej2-lists.umd.min.js
-*  version : 27.1.48
+*  version : 27.2.2
 *  Copyright Syncfusion Inc. 2001 - 2023. All rights reserved.
 *  Use of this code is subject to the terms of our license.
 *  A copy of the current license can be obtained at any time by e-mailing

package/dist/global/ej2-lists.min.js

@@ -1,6 +1,6 @@
 /*!
 *  filename: ej2-lists.min.js
-*  version : 27.1.48
+*  version : 27.2.2
 *  Copyright Syncfusion Inc. 2001 - 2023. All rights reserved.
 *  Use of this code is subject to the terms of our license.
 *  A copy of the current license can be obtained at any time by e-mailing

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 27.1.48
+*  version : 27.2.2
 *  Copyright Syncfusion Inc. 2001 - 2023. All rights reserved.
 *  Use of this code is subject to the terms of our license.
 *  A copy of the current license can be obtained at any time by e-mailing

package/package.json

@@ -1,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-lists@*",
-  "_id": "@syncfusion/ej2-lists@18.23.1",
+  "_id": "@syncfusion/ej2-lists@27.1.50",
   "_inBundle": false,
-  "_integrity": "sha512-0OVfdXNvjkX5YKbOwLv8kH8qC3nwomBX1W7085cC/OBr07A3uWmc2fFcV70THA2p3+SzPeaDMPCZQx9RLb/wTg==",
+  "_integrity": "sha512-6ru2MzntjaYiOqhYlXxpbjnVGVdIulanHFWb7lW34LzeJSj0bEb280ORWwNE5cmIfSAXqcMlalHNDC+N1+SIvw==",
   "_location": "/@syncfusion/ej2-lists",
   "_phantomChildren": {},
   "_requested": {
@@ -35,8 +35,8 @@
     "/@syncfusion/ej2-schedule",
     "/@syncfusion/ej2-vue-lists"
   ],
-  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-release/@syncfusion/ej2-lists/-/ej2-lists-18.23.1.tgz",
-  "_shasum": "032824de00c6b58ebaa649bb9cace3eee94a4486",
+  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-lists/-/ej2-lists-27.1.50.tgz",
+  "_shasum": "b56ff6e7c651fa2c78b4e3fea1cd35c8276f06f3",
   "_spec": "@syncfusion/ej2-lists@*",
   "_where": "/jenkins/workspace/elease-automation_release_27.1.1/packages/included",
   "author": {
@@ -44,11 +44,10 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~27.1.48",
-    "@syncfusion/ej2-buttons": "~27.1.48",
-    "@syncfusion/ej2-data": "~27.1.48",
-    "@syncfusion/ej2-popups": "~27.1.48",
-    "markdown-spellcheck": "^1.3.1"
+    "@syncfusion/ej2-base": "~27.2.2",
+    "@syncfusion/ej2-buttons": "~27.2.2",
+    "@syncfusion/ej2-data": "~27.2.2",
+    "@syncfusion/ej2-popups": "~27.2.2"
   },
   "deprecated": false,
   "description": "The listview control allows you to select an item or multiple items from a list-like interface and represents the data in interactive hierarchical structure across different layouts or views.",
@@ -88,7 +87,7 @@
     "url": "https://github.com/syncfusion/ej2-javascript-ui-controls/tree/master/controls/lists"
   },
   "typings": "index.d.ts",
-  "version": "27.1.48",
+  "version": "27.2.2",
   "sideEffects": false,
   "homepage": "https://www.syncfusion.com/javascript-ui-controls"
 }

package/styles/bootstrap-dark-lite.css

@@ -146,6 +146,10 @@
   width: 30px;
 }
 
+.e-listview.e-virtualization .e-list-container {
+  overflow: unset;
+}
+
 .e-listview .e-list-container {
   overflow: hidden;
   position: relative;

package/styles/bootstrap-dark.css

@@ -146,6 +146,10 @@
   width: 30px;
 }
 
+.e-listview.e-virtualization .e-list-container {
+  overflow: unset;
+}
+
 .e-listview .e-list-container {
   overflow: hidden;
   position: relative;

package/styles/bootstrap-lite.css

@@ -147,6 +147,10 @@
   width: 30px;
 }
 
+.e-listview.e-virtualization .e-list-container {
+  overflow: unset;
+}
+
 .e-listview .e-list-container {
   overflow: hidden;
   position: relative;

package/styles/bootstrap.css

@@ -147,6 +147,10 @@
   width: 30px;
 }
 
+.e-listview.e-virtualization .e-list-container {
+  overflow: unset;
+}
+
 .e-listview .e-list-container {
   overflow: hidden;
   position: relative;

package/styles/bootstrap4-lite.css

@@ -147,6 +147,10 @@
   width: 30px;
 }
 
+.e-listview.e-virtualization .e-list-container {
+  overflow: unset;
+}
+
 .e-listview .e-list-container {
   overflow: hidden;
   position: relative;

package/styles/bootstrap4.css

@@ -147,6 +147,10 @@
   width: 30px;
 }
 
+.e-listview.e-virtualization .e-list-container {
+  overflow: unset;
+}
+
 .e-listview .e-list-container {
   overflow: hidden;
   position: relative;

package/styles/bootstrap5-dark-lite.css

@@ -147,6 +147,10 @@
   width: 30px;
 }
 
+.e-listview.e-virtualization .e-list-container {
+  overflow: unset;
+}
+
 .e-listview .e-list-container {
   overflow: hidden;
   position: relative;

package/styles/bootstrap5-dark.css

@@ -147,6 +147,10 @@
   width: 30px;
 }
 
+.e-listview.e-virtualization .e-list-container {
+  overflow: unset;
+}
+
 .e-listview .e-list-container {
   overflow: hidden;
   position: relative;

package/styles/bootstrap5-lite.css

@@ -147,6 +147,10 @@
   width: 30px;
 }
 
+.e-listview.e-virtualization .e-list-container {
+  overflow: unset;
+}
+
 .e-listview .e-list-container {
   overflow: hidden;
   position: relative;

package/styles/bootstrap5.3-lite.css

@@ -151,6 +151,10 @@
   width: 30px;
 }
 
+.e-listview.e-virtualization .e-list-container {
+  overflow: unset;
+}
+
 .e-listview .e-list-container {
   overflow: hidden;
   position: relative;
@@ -268,7 +272,7 @@
   white-space: nowrap;
 }
 .e-listview.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content {
-  color: var(--color-sf-content-text-color-alt3);
+  color: var(--color-sf-content-text-color-alt2);
   display: block;
   font-size: 14px;
   margin: 0;

package/styles/bootstrap5.3.css

@@ -151,6 +151,10 @@
   width: 30px;
 }
 
+.e-listview.e-virtualization .e-list-container {
+  overflow: unset;
+}
+
 .e-listview .e-list-container {
   overflow: hidden;
   position: relative;
@@ -268,7 +272,7 @@
   white-space: nowrap;
 }
 .e-listview.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content {
-  color: var(--color-sf-content-text-color-alt3);
+  color: var(--color-sf-content-text-color-alt2);
   display: block;
   font-size: 14px;
   margin: 0;

package/styles/bootstrap5.css

@@ -147,6 +147,10 @@
   width: 30px;
 }
 
+.e-listview.e-virtualization .e-list-container {
+  overflow: unset;
+}
+
 .e-listview .e-list-container {
   overflow: hidden;
   position: relative;

package/styles/fabric-dark-lite.css

@@ -146,6 +146,10 @@
   width: 30px;
 }
 
+.e-listview.e-virtualization .e-list-container {
+  overflow: unset;
+}
+
 .e-listview .e-list-container {
   overflow: hidden;
   position: relative;

package/styles/fabric-dark.css

@@ -146,6 +146,10 @@
   width: 30px;
 }
 
+.e-listview.e-virtualization .e-list-container {
+  overflow: unset;
+}
+
 .e-listview .e-list-container {
   overflow: hidden;
   position: relative;

package/styles/fabric-lite.css

@@ -147,6 +147,10 @@
   width: 30px;
 }
 
+.e-listview.e-virtualization .e-list-container {
+  overflow: unset;
+}
+
 .e-listview .e-list-container {
   overflow: hidden;
   position: relative;

package/styles/fabric.css

@@ -147,6 +147,10 @@
   width: 30px;
 }
 
+.e-listview.e-virtualization .e-list-container {
+  overflow: unset;
+}
+
 .e-listview .e-list-container {
   overflow: hidden;
   position: relative;

package/styles/fluent-dark-lite.css

@@ -148,6 +148,10 @@
   width: 20px;
 }
 
+.e-listview.e-virtualization .e-list-container {
+  overflow: unset;
+}
+
 .e-listview .e-list-container {
   overflow: hidden;
   position: relative;

package/styles/fluent-dark.css

@@ -148,6 +148,10 @@
   width: 20px;
 }
 
+.e-listview.e-virtualization .e-list-container {
+  overflow: unset;
+}
+
 .e-listview .e-list-container {
   overflow: hidden;
   position: relative;

package/styles/fluent-lite.css

@@ -148,6 +148,10 @@
   width: 20px;
 }
 
+.e-listview.e-virtualization .e-list-container {
+  overflow: unset;
+}
+
 .e-listview .e-list-container {
   overflow: hidden;
   position: relative;

package/styles/fluent.css

@@ -148,6 +148,10 @@
   width: 20px;
 }
 
+.e-listview.e-virtualization .e-list-container {
+  overflow: unset;
+}
+
 .e-listview .e-list-container {
   overflow: hidden;
   position: relative;

package/styles/fluent2-lite.css

@@ -132,6 +132,13 @@
   width: calc(100% - 92px);
 }
 
+.e-listview .e-checkbox .e-checkbox-left {
+  margin: 0 -4px 0 0;
+}
+.e-listview .e-checkbox .e-checkbox-right {
+  margin: 0 0 0 -4px;
+}
+
 .e-listview .e-list-text {
   cursor: pointer;
   display: inline-block;
@@ -140,7 +147,7 @@
   vertical-align: middle;
   white-space: nowrap;
   width: 100%;
-  padding: 6px 4px;
+  padding: 6px 8px;
 }
 
 .e-listview .e-list-icon + .e-list-text, .e-listview .e-icon-wrapper .e-list-text, .e-listview .e-icon-wrapper.e-text-content.e-checkbox .e-list-text {
@@ -148,11 +155,15 @@
 }
 
 .e-listview .e-list-icon {
-  margin-right: 8px;
+  margin-right: 4px;
   height: 20px;
   width: 20px;
 }
 
+.e-listview.e-virtualization .e-list-container {
+  overflow: unset;
+}
+
 .e-listview .e-list-container {
   overflow: hidden;
   position: relative;
@@ -187,6 +198,13 @@
 .e-listview.e-rtl .e-icon-back {
   margin-top: 4px;
 }
+.e-listview.e-rtl .e-checkbox .e-checkbox-left {
+  margin: 0 0 0 -4px;
+}
+.e-listview.e-rtl .e-checkbox .e-checkbox-right {
+  margin: 0 -4px 0 0;
+}
+
 .e-listview {
   border-color: var(--color-sf-border-light);
   font-family: "Segoe UI", -apple-system, blinkMacSystemfont, "Roboto", "Helvetica Neue", sans-serif;

package/styles/fluent2.css

@@ -132,6 +132,13 @@
   width: calc(100% - 92px);
 }
 
+.e-listview .e-checkbox .e-checkbox-left {
+  margin: 0 -4px 0 0;
+}
+.e-listview .e-checkbox .e-checkbox-right {
+  margin: 0 0 0 -4px;
+}
+
 .e-listview .e-list-text {
   cursor: pointer;
   display: inline-block;
@@ -140,7 +147,7 @@
   vertical-align: middle;
   white-space: nowrap;
   width: 100%;
-  padding: 6px 4px;
+  padding: 6px 8px;
 }
 
 .e-listview .e-list-icon + .e-list-text, .e-listview .e-icon-wrapper .e-list-text, .e-listview .e-icon-wrapper.e-text-content.e-checkbox .e-list-text {
@@ -148,11 +155,15 @@
 }
 
 .e-listview .e-list-icon {
-  margin-right: 8px;
+  margin-right: 4px;
   height: 20px;
   width: 20px;
 }
 
+.e-listview.e-virtualization .e-list-container {
+  overflow: unset;
+}
+
 .e-listview .e-list-container {
   overflow: hidden;
   position: relative;
@@ -187,6 +198,13 @@
 .e-listview.e-rtl .e-icon-back {
   margin-top: 4px;
 }
+.e-listview.e-rtl .e-checkbox .e-checkbox-left {
+  margin: 0 0 0 -4px;
+}
+.e-listview.e-rtl .e-checkbox .e-checkbox-right {
+  margin: 0 -4px 0 0;
+}
+
 .e-listview {
   border-color: var(--color-sf-border-light);
   font-family: "Segoe UI", -apple-system, blinkMacSystemfont, "Roboto", "Helvetica Neue", sans-serif;

package/styles/highcontrast-light-lite.css

@@ -146,6 +146,10 @@
   width: 30px;
 }
 
+.e-listview.e-virtualization .e-list-container {
+  overflow: unset;
+}
+
 .e-listview .e-list-container {
   overflow: hidden;
   position: relative;

package/styles/highcontrast-light.css

@@ -146,6 +146,10 @@
   width: 30px;
 }
 
+.e-listview.e-virtualization .e-list-container {
+  overflow: unset;
+}
+
 .e-listview .e-list-container {
   overflow: hidden;
   position: relative;

package/styles/highcontrast-lite.css

@@ -147,6 +147,10 @@
   width: 30px;
 }
 
+.e-listview.e-virtualization .e-list-container {
+  overflow: unset;
+}
+
 .e-listview .e-list-container {
   overflow: hidden;
   position: relative;

package/styles/highcontrast.css

@@ -147,6 +147,10 @@
   width: 30px;
 }
 
+.e-listview.e-virtualization .e-list-container {
+  overflow: unset;
+}
+
 .e-listview .e-list-container {
   overflow: hidden;
   position: relative;

package/styles/list-view/_bootstrap5.3-definition.scss

@@ -128,5 +128,5 @@ $checkmark-color: $primary !default;
 
 //ListView In-built template variables
 $listview-template-multiline-header-color: $content-text-color !default;
-$listview-template-multiline-content-color: $content-text-color-alt3 !default;
+$listview-template-multiline-content-color: $content-text-color-alt2 !default;
 $listview-template-focused-multiline-content-color: $content-text-color-selected !default;

package/styles/list-view/_fluent2-definition.scss

@@ -1,5 +1,5 @@
 //layout
-$listview-icon-margin-right: 8px !default;
+$listview-icon-margin-right: 4px !default;
 $listview-icon-back-margin: 0 !default;
 $listview-icon-back-margin-right: 14px !default;
 $listview-item-height: 32px !default;
@@ -7,7 +7,7 @@ $listview-item-line-height: 20px !default;
 $listview-item-radius: 4px !default;
 $listview-item-margin-bottom: 4px !default;
 $listview-rtl-icon-back-margin: 4px !default;
-$listview-item-padding: 6px 4px !default;
+$listview-item-padding: 6px 8px !default;
 $listview-rtl-item-padding: 4px 12px !default;
 $listview-header-padding: 8px !default;
 $listview-root-border-radius: 4px !default;
@@ -52,10 +52,10 @@ $listview-touch-checkbox-right-margin: -2px 0 0 12px !default;
 $listview-touch-checkbox-left-margin: -2px 12px 0 0 !default;
 $listview-touch-rtl-checkbox-left-margin: -2px 0 0 12px !default;
 $listview-touch-rtl-checkbox-right-margin: -2px 12px 0 0 !default;
-$listview-checkbox-right-margin: 0 0 0 12px !default;
-$listview-checkbox-left-margin: 8px 0 8px 8px !default;
-$listview-rtl-checkbox-left-margin: -2px 0 0 8px !default;
-$listview-rtl-checkbox-right-margin: -2px 8px 0 0 !default;
+$listview-checkbox-right-margin: 0 0 0 -4px !default;
+$listview-checkbox-left-margin: 0 -4px 0 0 !default;
+$listview-rtl-checkbox-left-margin: 0 0 0 -4px !default;
+$listview-rtl-checkbox-right-margin: 0 -4px 0 0 !default;
 
 //ListView In-built template variables
 $listview-template-padding: 16px 16px 18px !default;

package/styles/list-view/_layout.scss

@@ -27,13 +27,11 @@
 }
 
 @mixin checkbox-style($left, $right) {
-  @if $skin-name != 'fluent2' {
-    .e-checkbox-left {
-      margin: $left;
-    }
-    .e-checkbox-right {
-      margin: $right;
-    }
+  .e-checkbox-left {
+    margin: $left;
+  }
+  .e-checkbox-right {
+    margin: $right;
   }
 }
 
@@ -272,6 +270,10 @@
         }
       }
 
+      &.e-virtualization .e-list-container{
+        overflow: unset;
+      }
+
       & .e-list-container {
         overflow: hidden;
         position: relative;

package/styles/list-view/bootstrap-dark.css

@@ -146,6 +146,10 @@
   width: 30px;
 }
 
+.e-listview.e-virtualization .e-list-container {
+  overflow: unset;
+}
+
 .e-listview .e-list-container {
   overflow: hidden;
   position: relative;

package/styles/list-view/bootstrap.css

@@ -147,6 +147,10 @@
   width: 30px;
 }
 
+.e-listview.e-virtualization .e-list-container {
+  overflow: unset;
+}
+
 .e-listview .e-list-container {
   overflow: hidden;
   position: relative;

package/styles/list-view/bootstrap4.css

@@ -147,6 +147,10 @@
   width: 30px;
 }
 
+.e-listview.e-virtualization .e-list-container {
+  overflow: unset;
+}
+
 .e-listview .e-list-container {
   overflow: hidden;
   position: relative;

package/styles/list-view/bootstrap5-dark.css

@@ -147,6 +147,10 @@
   width: 30px;
 }
 
+.e-listview.e-virtualization .e-list-container {
+  overflow: unset;
+}
+
 .e-listview .e-list-container {
   overflow: hidden;
   position: relative;

package/styles/list-view/bootstrap5.3.css

@@ -151,6 +151,10 @@
   width: 30px;
 }
 
+.e-listview.e-virtualization .e-list-container {
+  overflow: unset;
+}
+
 .e-listview .e-list-container {
   overflow: hidden;
   position: relative;
@@ -268,7 +272,7 @@
   white-space: nowrap;
 }
 .e-listview.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content {
-  color: var(--color-sf-content-text-color-alt3);
+  color: var(--color-sf-content-text-color-alt2);
   display: block;
   font-size: 14px;
   margin: 0;

package/styles/list-view/bootstrap5.css

@@ -147,6 +147,10 @@
   width: 30px;
 }
 
+.e-listview.e-virtualization .e-list-container {
+  overflow: unset;
+}
+
 .e-listview .e-list-container {
   overflow: hidden;
   position: relative;

package/styles/list-view/fabric-dark.css

@@ -146,6 +146,10 @@
   width: 30px;
 }
 
+.e-listview.e-virtualization .e-list-container {
+  overflow: unset;
+}
+
 .e-listview .e-list-container {
   overflow: hidden;
   position: relative;

package/styles/list-view/fabric.css

@@ -147,6 +147,10 @@
   width: 30px;
 }
 
+.e-listview.e-virtualization .e-list-container {
+  overflow: unset;
+}
+
 .e-listview .e-list-container {
   overflow: hidden;
   position: relative;

package/styles/list-view/fluent-dark.css

@@ -148,6 +148,10 @@
   width: 20px;
 }
 
+.e-listview.e-virtualization .e-list-container {
+  overflow: unset;
+}
+
 .e-listview .e-list-container {
   overflow: hidden;
   position: relative;

package/styles/list-view/fluent.css

@@ -148,6 +148,10 @@
   width: 20px;
 }
 
+.e-listview.e-virtualization .e-list-container {
+  overflow: unset;
+}
+
 .e-listview .e-list-container {
   overflow: hidden;
   position: relative;

package/styles/list-view/fluent2.css

@@ -132,6 +132,13 @@
   width: calc(100% - 92px);
 }
 
+.e-listview .e-checkbox .e-checkbox-left {
+  margin: 0 -4px 0 0;
+}
+.e-listview .e-checkbox .e-checkbox-right {
+  margin: 0 0 0 -4px;
+}
+
 .e-listview .e-list-text {
   cursor: pointer;
   display: inline-block;
@@ -140,7 +147,7 @@
   vertical-align: middle;
   white-space: nowrap;
   width: 100%;
-  padding: 6px 4px;
+  padding: 6px 8px;
 }
 
 .e-listview .e-list-icon + .e-list-text, .e-listview .e-icon-wrapper .e-list-text, .e-listview .e-icon-wrapper.e-text-content.e-checkbox .e-list-text {
@@ -148,11 +155,15 @@
 }
 
 .e-listview .e-list-icon {
-  margin-right: 8px;
+  margin-right: 4px;
   height: 20px;
   width: 20px;
 }
 
+.e-listview.e-virtualization .e-list-container {
+  overflow: unset;
+}
+
 .e-listview .e-list-container {
   overflow: hidden;
   position: relative;
@@ -187,6 +198,13 @@
 .e-listview.e-rtl .e-icon-back {
   margin-top: 4px;
 }
+.e-listview.e-rtl .e-checkbox .e-checkbox-left {
+  margin: 0 0 0 -4px;
+}
+.e-listview.e-rtl .e-checkbox .e-checkbox-right {
+  margin: 0 -4px 0 0;
+}
+
 .e-listview {
   border-color: var(--color-sf-border-light);
   font-family: "Segoe UI", -apple-system, blinkMacSystemfont, "Roboto", "Helvetica Neue", sans-serif;

package/styles/list-view/highcontrast-light.css

@@ -146,6 +146,10 @@
   width: 30px;
 }
 
+.e-listview.e-virtualization .e-list-container {
+  overflow: unset;
+}
+
 .e-listview .e-list-container {
   overflow: hidden;
   position: relative;

package/styles/list-view/highcontrast.css

@@ -147,6 +147,10 @@
   width: 30px;
 }
 
+.e-listview.e-virtualization .e-list-container {
+  overflow: unset;
+}
+
 .e-listview .e-list-container {
   overflow: hidden;
   position: relative;

package/styles/list-view/material-dark.css

@@ -145,6 +145,10 @@
   width: 18px;
 }
 
+.e-listview.e-virtualization .e-list-container {
+  overflow: unset;
+}
+
 .e-listview .e-list-container {
   overflow: hidden;
   position: relative;

package/styles/list-view/material.css

@@ -146,6 +146,10 @@
   width: 18px;
 }
 
+.e-listview.e-virtualization .e-list-container {
+  overflow: unset;
+}
+
 .e-listview .e-list-container {
   overflow: hidden;
   position: relative;

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

@@ -151,6 +151,10 @@
   width: 20px;
 }
 
+.e-listview.e-virtualization .e-list-container {
+  overflow: unset;
+}
+
 .e-listview .e-list-container {
   overflow: hidden;
   position: relative;

package/styles/list-view/material3.css

@@ -153,6 +153,10 @@
   width: 20px;
 }
 
+.e-listview.e-virtualization .e-list-container {
+  overflow: unset;
+}
+
 .e-listview .e-list-container {
   overflow: hidden;
   position: relative;

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

@@ -161,6 +161,10 @@
   width: 20px;
 }
 
+.e-listview.e-virtualization .e-list-container {
+  overflow: unset;
+}
+
 .e-listview .e-list-container {
   overflow: hidden;
   position: relative;

package/styles/list-view/tailwind.css

@@ -161,6 +161,10 @@
   width: 20px;
 }
 
+.e-listview.e-virtualization .e-list-container {
+  overflow: unset;
+}
+
 .e-listview .e-list-container {
   overflow: hidden;
   position: relative;

package/styles/material-dark-lite.css

@@ -145,6 +145,10 @@
   width: 18px;
 }
 
+.e-listview.e-virtualization .e-list-container {
+  overflow: unset;
+}
+
 .e-listview .e-list-container {
   overflow: hidden;
   position: relative;

package/styles/material-dark.css

@@ -145,6 +145,10 @@
   width: 18px;
 }
 
+.e-listview.e-virtualization .e-list-container {
+  overflow: unset;
+}
+
 .e-listview .e-list-container {
   overflow: hidden;
   position: relative;

package/styles/material-lite.css

@@ -146,6 +146,10 @@
   width: 18px;
 }
 
+.e-listview.e-virtualization .e-list-container {
+  overflow: unset;
+}
+
 .e-listview .e-list-container {
   overflow: hidden;
   position: relative;

package/styles/material.css

@@ -146,6 +146,10 @@
   width: 18px;
 }
 
+.e-listview.e-virtualization .e-list-container {
+  overflow: unset;
+}
+
 .e-listview .e-list-container {
   overflow: hidden;
   position: relative;

package/styles/material3-dark-lite.css

@@ -151,6 +151,10 @@
   width: 20px;
 }
 
+.e-listview.e-virtualization .e-list-container {
+  overflow: unset;
+}
+
 .e-listview .e-list-container {
   overflow: hidden;
   position: relative;

package/styles/material3-dark.css

@@ -151,6 +151,10 @@
   width: 20px;
 }
 
+.e-listview.e-virtualization .e-list-container {
+  overflow: unset;
+}
+
 .e-listview .e-list-container {
   overflow: hidden;
   position: relative;

package/styles/material3-lite.css

@@ -153,6 +153,10 @@
   width: 20px;
 }
 
+.e-listview.e-virtualization .e-list-container {
+  overflow: unset;
+}
+
 .e-listview .e-list-container {
   overflow: hidden;
   position: relative;

package/styles/material3.css

@@ -153,6 +153,10 @@
   width: 20px;
 }
 
+.e-listview.e-virtualization .e-list-container {
+  overflow: unset;
+}
+
 .e-listview .e-list-container {
   overflow: hidden;
   position: relative;

package/styles/tailwind-dark-lite.css

@@ -161,6 +161,10 @@
   width: 20px;
 }
 
+.e-listview.e-virtualization .e-list-container {
+  overflow: unset;
+}
+
 .e-listview .e-list-container {
   overflow: hidden;
   position: relative;

package/styles/tailwind-dark.css

@@ -161,6 +161,10 @@
   width: 20px;
 }
 
+.e-listview.e-virtualization .e-list-container {
+  overflow: unset;
+}
+
 .e-listview .e-list-container {
   overflow: hidden;
   position: relative;

package/styles/tailwind-lite.css

@@ -161,6 +161,10 @@
   width: 20px;
 }
 
+.e-listview.e-virtualization .e-list-container {
+  overflow: unset;
+}
+
 .e-listview .e-list-container {
   overflow: hidden;
   position: relative;

package/styles/tailwind.css

@@ -161,6 +161,10 @@
   width: 20px;
 }
 
+.e-listview.e-virtualization .e-list-container {
+  overflow: unset;
+}
+
 .e-listview .e-list-container {
   overflow: hidden;
   position: relative;