From b3b27d02238168d31d753d9e27cce686f77bfe09 Mon Sep 17 00:00:00 2001
From: Valentin Kaelin <kalanehd@gmail.com>
Date: Tue, 25 Aug 2020 16:36:36 +0200
Subject: [PATCH] fix(search): fix some small bugs

---
 client/src/components/Form/SearchFormDropdown.vue       | 9 ++++++---
 client/src/components/Form/SearchFormDropdownPlayer.vue | 4 ++++
 2 files changed, 10 insertions(+), 3 deletions(-)

diff --git a/client/src/components/Form/SearchFormDropdown.vue b/client/src/components/Form/SearchFormDropdown.vue
index 17c9fb8..78d76e0 100644
--- a/client/src/components/Form/SearchFormDropdown.vue
+++ b/client/src/components/Form/SearchFormDropdown.vue
@@ -58,6 +58,7 @@
                 <SearchFormDropdownPlayer
                   v-for="(player, index) in recentSearchesSliced"
                   :key="player.name + player.region"
+                  @close="close"
                   @mousemove.native="onHover(index + 1)"
                   :selected="index === selected - 1"
                   :player="player"
@@ -66,6 +67,7 @@
               </template>
               <template v-else-if="favorites.length === 0">
                 <SearchFormDropdownPlayer
+                  @close="close"
                   @mousemove.native="onHover(1)"
                   :player="{name: 'Alderiate', icon: 1150, region: 'euw'}"
                   :selected="selected === 1"
@@ -87,6 +89,7 @@
               <SearchFormDropdownPlayer
                 v-for="(player, index) in favorites"
                 :key="player.name + player.region"
+                @close="close"
                 @mousemove.native="onHover(index + recentSearchesCount + 1)"
                 :player="player"
                 :selected="index === selected - 1 - recentSearchesCount"
@@ -246,12 +249,12 @@ export default {
       this.selected = this.selected + 1 > this.totalCount ? 1 : this.selected + 1
       this.onArrow()
     },
-    async onHover(id) {
+    onHover(id) {
       this.selected = id
 
-      if (this.$refs.searches !== document.activeElement) {
-        await this.$nextTick()
+      if (this.$refs.searches && this.$refs.searches !== document.activeElement) {
         this.$refs.searches.focus()
+        this.onArrow()
       }
     },
     onOptionSelect() {
diff --git a/client/src/components/Form/SearchFormDropdownPlayer.vue b/client/src/components/Form/SearchFormDropdownPlayer.vue
index 13eef56..9c3cb16 100644
--- a/client/src/components/Form/SearchFormDropdownPlayer.vue
+++ b/client/src/components/Form/SearchFormDropdownPlayer.vue
@@ -1,5 +1,6 @@
 <template>
   <router-link
+    @click.native="close"
     :to="{ name: 'summoner', params: { region: player.region, name: player.name }}"
     :title="player.name"
     :class="selected ? 'bg-blue-760' : 'bg-blue-900'"
@@ -66,6 +67,9 @@ export default {
   },
 
   methods: {
+    close() {
+      this.$emit('close')
+    },
     closeClick() {
       if (this.favoritesList) {
         this.updateFavorite(this.player)