From 765369a492fb96b9a9c282c135fb6390946b3e32 Mon Sep 17 00:00:00 2001
From: PaulDremanovich <pauldremanovich@gmail.com>
Date: Wed, 1 May 2024 17:29:54 +0400
Subject: [PATCH] fix: scroll between commands only when the input field
 focused

---
 src/components/AChat/AChatForm.vue | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/components/AChat/AChatForm.vue b/src/components/AChat/AChatForm.vue
index 1bf4eea12..d85cb4613 100644
--- a/src/components/AChat/AChatForm.vue
+++ b/src/components/AChat/AChatForm.vue
@@ -19,6 +19,8 @@
       color="primary"
       v-on="listeners"
       :autofocus="isDesktopDevice"
+      @focusin="isInputFocused = true"
+      @focusout="isInputFocused = false"
     >
       <template #prepend-inner>
         <chat-emojis
@@ -83,7 +85,8 @@ export default {
     message: '',
     emojiPickerOpen: false,
     botCommandIndex: null,
-    botCommandSelectionMode: false
+    botCommandSelectionMode: false,
+    isInputFocused: false
   }),
   computed: {
     isDesktopDevice: () => !isMobile(),
@@ -156,7 +159,7 @@ export default {
     onKeyCommand: function (event) {
       if (event.ctrlKey && event.shiftKey && event.code === 'Digit1') {
         this.openElement()
-      } else if (event.code === 'ArrowUp' || event.code === 'ArrowDown') {
+      } else if (this.isInputFocused && (event.code === 'ArrowUp' || event.code === 'ArrowDown')) {
         this.selectCommand(event.code)
         event.preventDefault()
       } else if (event.key.length === 1) {