From eb12c2f63c658c8c97536d71abf889df16968d93 Mon Sep 17 00:00:00 2001
From: Pranav C <pranavxc@gmail.com>
Date: Tue, 22 Nov 2022 12:50:31 +0530
Subject: [PATCH] fix: allow arrow navigation with multi select

Signed-off-by: Pranav C <pranavxc@gmail.com>
---
 packages/nc-gui/components/cell/MultiSelect.vue | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/packages/nc-gui/components/cell/MultiSelect.vue b/packages/nc-gui/components/cell/MultiSelect.vue
index dcfd660be9..35a055c293 100644
--- a/packages/nc-gui/components/cell/MultiSelect.vue
+++ b/packages/nc-gui/components/cell/MultiSelect.vue
@@ -171,7 +171,14 @@ useSelectedCellKeyupListener(active, (e) => {
         isOpen.value = true
       }
       break
+    case 'ArrowUp':
+    case 'ArrowDown':
+    case 'ArrowRight':
+    case 'ArrowLeft':
+      // skip
+      break
     default:
+      e.stopPropagation()
       isOpen.value = true
       break
   }
@@ -248,7 +255,7 @@ const onTagClick = (e: Event, onClose: Function) => {
     :class="{ '!ml-[-8px]': readOnly }"
     :dropdown-class-name="`nc-dropdown-multi-select-cell ${isOpen ? 'active' : ''}`"
     @search="search"
-    @keydown.stop
+    @keydown.enter.stop
     @click="isOpen = (active || editable) && !isOpen"
   >
     <a-select-option