From 19026845b08b3ee47c4ab1b748666d741d391ef5 Mon Sep 17 00:00:00 2001
From: Emil Petrov <emil.petrov@progress.com>
Date: Fri, 27 Oct 2023 16:25:26 +0300
Subject: [PATCH] fix(listbox): prevent listbox from overlapping other elements

---
 packages/default/scss/listbox/_layout.scss | 3 +++
 packages/fluent/scss/listbox/_layout.scss  | 3 +++
 2 files changed, 6 insertions(+)

diff --git a/packages/default/scss/listbox/_layout.scss b/packages/default/scss/listbox/_layout.scss
index df337682d6c..d641b48f600 100644
--- a/packages/default/scss/listbox/_layout.scss
+++ b/packages/default/scss/listbox/_layout.scss
@@ -48,10 +48,13 @@
 
         .k-list-scroller {
             width: 100%;
+            min-height: 0;
             height: inherit;
             border-width: $kendo-listbox-border-width;
             border-style: solid;
             box-sizing: border-box;
+            display: flex;
+            flex-flow: column nowrap;
 
             .k-list-scroller {
                 border-width: 0;
diff --git a/packages/fluent/scss/listbox/_layout.scss b/packages/fluent/scss/listbox/_layout.scss
index d7d9fc5bf93..f7e7c40f301 100644
--- a/packages/fluent/scss/listbox/_layout.scss
+++ b/packages/fluent/scss/listbox/_layout.scss
@@ -51,10 +51,13 @@
 
         .k-list-scroller {
             width: 100%;
+            min-height: 0;
             height: inherit;
             border-width: var( --kendo-listbox-border-width, #{$kendo-listbox-border-width} );
             border-style: solid;
             box-sizing: border-box;
+            display: flex;
+            flex-flow: column nowrap;
 
             .k-list-scroller {
                 border-width: 0;