From 70a6ed189b4aad736150d798ed9a45f2ff8537a9 Mon Sep 17 00:00:00 2001
From: KevinMidboe <kevin.midboe@gmail.com>
Date: Wed, 30 Oct 2019 21:55:39 +0100
Subject: [PATCH] When navigating up in the autocomplete search result list the
 cursor usually reset back to the start of the input. Now we get the element
 and use focus and setSelectionRange to move the cursor back to the end at the
 very next frame.

---
 src/components/SearchInput.vue | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/src/components/SearchInput.vue b/src/components/SearchInput.vue
index 5a39e8f..93aabfd 100644
--- a/src/components/SearchInput.vue
+++ b/src/components/SearchInput.vue
@@ -3,6 +3,7 @@
     
     <div class="search">
       <input
+        ref="input"
         type="text"
         placeholder="Search for a movie or show"
         autocorrect="off"
@@ -93,6 +94,13 @@ export default {
     navigateUp() {
       this.focus = true
       this.selectedResult--
+      const input = this.$refs.input;
+      const textLength = input.value.length
+
+      setTimeout(() => {
+        input.focus()
+        input.setSelectionRange(textLength, textLength + 1)
+      }, 1)
     },
     handleInput(e){
       this.selectedResult = 0