Merge pull request #621 from Adamant-im/fix/scroll-commands

fix: scroll between commands only when the input field focused

Author: RealGoodProgrammer

src/components/AChat/AChatForm.vue

@@ -20,6 +20,8 @@
       color="primary"
       v-on="listeners"
       :autofocus="isDesktopDevice"
+      @focusin="isInputFocused = true"
+      @focusout="isInputFocused = false"
     >
       <template #prepend-inner>
         <chat-emojis
@@ -84,7 +86,8 @@ export default {
     message: '',
     emojiPickerOpen: false,
     botCommandIndex: null,
-    botCommandSelectionMode: false
+    botCommandSelectionMode: false,
+    isInputFocused: false
   }),
   computed: {
     isDesktopDevice: () => !isMobile(),
@@ -157,7 +160,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) {