jacob1123/budgeteer
1
1
Fork 0
Code Issues 12 Pull Requests 1 Packages Releases 1 Wiki Activity

Focus next element on Enter

Browse Source
This commit is contained in:
Jan Bader 2022-02-09 21:56:59 +00:00
parent c3a1564c4e
commit 3bd5845068
1 changed files with 6 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
web/src/components/Autocomplete.vue
View File

@ -56,6 +56,12 @@ export default defineComponent({
if(e.key == "Enter") { if(e.key == "Enter") {
const selected = this.$data.Suggestions[0]; const selected = this.$data.Suggestions[0];
this.selectElement(selected); 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) { selectElement(element : Suggestion) {