From cf3620f9a6f6226291f61b9d75170b973f21b1e9 Mon Sep 17 00:00:00 2001
From: Pranav C <pranavxc@gmail.com>
Date: Tue, 31 Jan 2023 14:33:47 +0530
Subject: [PATCH] fix(gui): arrow navigation issue with single select

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

diff --git a/packages/nc-gui/components/cell/SingleSelect.vue b/packages/nc-gui/components/cell/SingleSelect.vue
index 03dc439583..31ef07cbd8 100644
--- a/packages/nc-gui/components/cell/SingleSelect.vue
+++ b/packages/nc-gui/components/cell/SingleSelect.vue
@@ -189,6 +189,13 @@ const toggleMenu = (e: Event) => {
   }
   isOpen.value = editAllowed.value && !isOpen.value
 }
+
+// prevent propagation of keydown event if select is open
+const onKeydown = (e: KeyboardEvent) => {
+  if (isOpen.value && (active.value || editable.value)) {
+    e.stopPropagation()
+  }
+}
 </script>
 
 <template>
@@ -206,7 +213,7 @@ const toggleMenu = (e: Event) => {
       :dropdown-class-name="`nc-dropdown-single-select-cell ${isOpen ? 'active' : ''}`"
       :show-search="isOpen && (active || editable)"
       @select="isOpen = false"
-      @keydown.stop
+      @keydown="onKeydown($event)"
       @search="search"
     >
       <a-select-option