From 5badbc81cf7c895e501762bd84077ffc10b3b9a5 Mon Sep 17 00:00:00 2001
From: Pranav C <pranavxc@gmail.com>
Date: Thu, 14 Jul 2022 13:55:55 +0530
Subject: [PATCH] enhancement: avoid nested scrollbar in filter menu

Signed-off-by: Pranav C <pranavxc@gmail.com>
---
 packages/nc-gui/assets/style/style.css                      | 4 ++--
 .../project/spreadsheet/components/ColumnFilter.vue         | 6 +++++-
 2 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/packages/nc-gui/assets/style/style.css b/packages/nc-gui/assets/style/style.css
index b3fa43aa70..af509198d2 100644
--- a/packages/nc-gui/assets/style/style.css
+++ b/packages/nc-gui/assets/style/style.css
@@ -365,7 +365,7 @@ html {
 
 
 /* sorting and filter */
-.menu-filter-dropdown {
+.menu-filter-dropdown:not(.nested) {
   max-height: 500px;
   overflow-y: auto;
-}
\ No newline at end of file
+}
diff --git a/packages/nc-gui/components/project/spreadsheet/components/ColumnFilter.vue b/packages/nc-gui/components/project/spreadsheet/components/ColumnFilter.vue
index 176c91d3d4..5138589dec 100644
--- a/packages/nc-gui/components/project/spreadsheet/components/ColumnFilter.vue
+++ b/packages/nc-gui/components/project/spreadsheet/components/ColumnFilter.vue
@@ -1,5 +1,9 @@
 <template>
-  <div class="backgroundColor pa-2 menu-filter-dropdown" :style="{ width: nested ? '100%' : '530px' }">
+  <div
+    class="backgroundColor pa-2 menu-filter-dropdown"
+    :class="{ nested }"
+    :style="{ width: nested ? '100%' : '530px' }"
+  >
     <div class="grid" @click.stop>
       <template v-for="(filter, i) in filters" dense>
         <template v-if="filter.status !== 'delete'">