From b87e18e68871e60a70a20ff7d6fc329ad5650c3f Mon Sep 17 00:00:00 2001
From: Pranav C <pranavxc@gmail.com>
Date: Fri, 27 May 2022 21:58:13 +0530
Subject: [PATCH] enhancement: use autocomplete in sort or filter fields

re #2180

Signed-off-by: Pranav C <pranavxc@gmail.com>
---
 .../project/spreadsheet/components/ColumnFilter.vue           | 4 ++--
 .../project/spreadsheet/components/SortListMenu.vue           | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/packages/nc-gui/components/project/spreadsheet/components/ColumnFilter.vue b/packages/nc-gui/components/project/spreadsheet/components/ColumnFilter.vue
index ccc07cd61b..eba2c39cc5 100644
--- a/packages/nc-gui/components/project/spreadsheet/components/ColumnFilter.vue
+++ b/packages/nc-gui/components/project/spreadsheet/components/ColumnFilter.vue
@@ -92,7 +92,7 @@
               </template>
             </v-select>
 
-            <v-select
+            <v-autocomplete
               :key="i + '_6'"
               v-model="filter.fk_column_id"
               class="caption nc-filter-field-select"
@@ -121,7 +121,7 @@
                   {{ item.icon }}
                 </v-icon> {{ item.title }}
               </template>
-            </v-select>
+            </v-autocomplete>
             <v-select
               :key="'k' + i"
               v-model="filter.comparison_op"
diff --git a/packages/nc-gui/components/project/spreadsheet/components/SortListMenu.vue b/packages/nc-gui/components/project/spreadsheet/components/SortListMenu.vue
index 3931fc72f5..31d8f3e5e5 100644
--- a/packages/nc-gui/components/project/spreadsheet/components/SortListMenu.vue
+++ b/packages/nc-gui/components/project/spreadsheet/components/SortListMenu.vue
@@ -41,7 +41,7 @@
             mdi-close-box
           </v-icon>
 
-          <v-select
+          <v-autocomplete
             :key="i + 'sel1'"
             v-model="sort.fk_column_id"
             class="caption nc-sort-field-select"
@@ -71,7 +71,7 @@
                 {{ item.title }}
               </span>
             </template>
-          </v-select>
+          </v-autocomplete>
           <v-select
             :key="i + 'sel2'"
             v-model="sort.direction"