From 7c452036368fa0db6b9cde7c35e60a8e57bfece7 Mon Sep 17 00:00:00 2001
From: Giulio Ganci <giulioganci@gmail.com>
Date: Fri, 13 May 2022 18:35:02 +0200
Subject: [PATCH] fix(UI): BaseSelect keyboard navigation

---
 src/renderer/components/BaseSelect.vue | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/renderer/components/BaseSelect.vue b/src/renderer/components/BaseSelect.vue
index cb3867ff..44850d34 100644
--- a/src/renderer/components/BaseSelect.vue
+++ b/src/renderer/components/BaseSelect.vue
@@ -46,13 +46,14 @@
                   :key="opt.id"
                   :ref="(el) => optionRefs[index] = el"
                   :class="{
+                     'select__item': true,
                      'select__group': opt.$type === 'group',
                      'select__option--highlight': opt.$type === 'option' && !opt.disabled && index === hightlightedIndex,
                      'select__option--selected': opt.$type === 'option' && isSelected(opt),
                      'select__option--disabled': opt.disabled
                   }"
                   @click.stop="select(opt)"
-                  @mouseenter.self="hightlightedIndex = index"
+                  @mousemove.self="hightlightedIndex = index"
                >
                   <slot
                      name="option"
@@ -70,6 +71,7 @@
 
 <script>
 import { defineComponent, computed, ref, watch, nextTick, onMounted, onUnmounted } from 'vue';
+import { option } from 'yargs';
 
 export default defineComponent({
    name: 'BaseSelect',