From 3bd584506851c307e61a8aa2902b6057a70cd81e Mon Sep 17 00:00:00 2001
From: Jan Bader <jan@javil.eu>
Date: Wed, 9 Feb 2022 21:56:59 +0000
Subject: [PATCH] Focus next element on Enter

---
 web/src/components/Autocomplete.vue | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/web/src/components/Autocomplete.vue b/web/src/components/Autocomplete.vue
index e524dfb..4ce4fa9 100644
--- a/web/src/components/Autocomplete.vue
+++ b/web/src/components/Autocomplete.vue
@@ -56,6 +56,12 @@ export default defineComponent({
             if(e.key == "Enter") {
                 const selected = this.$data.Suggestions[0];
                 this.selectElement(selected);
+                const el = (<HTMLInputElement>e.target);
+                const inputElements = Array.from(el.ownerDocument.querySelectorAll('input:not([disabled]):not([readonly])'));
+                const currentIndex = inputElements.indexOf(el);
+                const nextElement = inputElements[currentIndex < inputElements.length - 1 ? currentIndex + 1 : 0];
+                (<HTMLInputElement>nextElement).focus();
+
             }
         },
         selectElement(element : Suggestion) {