KevinMidboe/seasoned
1
0
Fork 0
mirror of https://github.com/KevinMidboe/seasoned.git synced 2026-05-14 18:15:41 +00:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #29 from KevinMidboe/fix/search-input-navigation-resets-cursor

Browse Source 
Reset search-input cursor on upwards navigation
This commit is contained in:
Kevin
2019-10-30 21:57:05 +01:00
committed by GitHub
parent d7e4d2095c 70a6ed189b
commit 3033db02b8
1 changed files with 8 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/components/SearchInput.vue
View File

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