From 8696f1381d105ad397821dd055dda5192512f04d Mon Sep 17 00:00:00 2001
From: Simon Cambier <simon.cambier@protonmail.com>
Date: Sat, 22 Oct 2022 13:36:12 +0200
Subject: [PATCH] #105 - Fixed search input automatic selection

---
 src/components/InputSearch.svelte | 27 ++++++++++++++++-----------
 src/components/ModalVault.svelte  |  6 ++++--
 2 files changed, 20 insertions(+), 13 deletions(-)

diff --git a/src/components/InputSearch.svelte b/src/components/InputSearch.svelte
index 370adce..f015d53 100644
--- a/src/components/InputSearch.svelte
+++ b/src/components/InputSearch.svelte
@@ -1,22 +1,27 @@
 <script lang="ts">
   import { debounce } from 'obsidian'
   import { toggleInputComposition } from 'src/globals'
-  import { createEventDispatcher, onMount, tick } from 'svelte'
+  import { createEventDispatcher, tick } from 'svelte'
 
-  export let value = ''
+  export let initialValue = ''
   export let placeholder = ''
+  let value = ''
+  let elInput: HTMLInputElement
   const dispatch = createEventDispatcher()
 
-  let elInput: HTMLInputElement
+  $: {
+    if (initialValue) {
+      value = initialValue
+      selectInput()
+    }
+  }
 
-  onMount(async () => {
-    await tick()
+  async function selectInput() {
     elInput.focus()
-    setTimeout(() => {
-      // tick() is not working here?
-      elInput.select()
-    }, 0)
-  })
+    await tick()
+    elInput.select()
+    await tick()
+  }
 
   const debouncedOnInput = debounce(() => {
     dispatch('input', value)
@@ -34,7 +39,7 @@
       type="text"
       class="prompt-input"
       {placeholder}
-      spellcheck="false" />
+      spellcheck="false"/>
   </div>
   <slot></slot>
 </div>
diff --git a/src/components/ModalVault.svelte b/src/components/ModalVault.svelte
index 792f0ce..e3267fd 100644
--- a/src/components/ModalVault.svelte
+++ b/src/components/ModalVault.svelte
@@ -18,6 +18,7 @@
   let selectedIndex = 0
   let historySearchIndex = 0
   let searchQuery: string
+  let previousQuery: string
   let resultNotes: ResultNote[] = []
   let query: Query
   $: selectedNote = resultNotes[selectedIndex]
@@ -30,7 +31,8 @@
 
   onMount(async () => {
     await NotesIndex.refreshIndex()
-    searchQuery = searchHistory[historySearchIndex]
+    previousQuery = searchHistory[historySearchIndex]
+    searchQuery = previousQuery
     eventBus.enable('vault')
     eventBus.on('vault', 'enter', openNoteAndCloseModal)
     eventBus.on('vault', 'create-note', createNoteAndCloseModal)
@@ -181,7 +183,7 @@
 </script>
 
 <InputSearch
-  value="{searchQuery}"
+  initialValue="{previousQuery}"
   on:input="{e => (searchQuery = e.detail)}"
   placeholder="Omnisearch - Vault">
   {#if settings.showCreateButton}