From 34e7f378dacc677019d7545c8c94972ae99d6366 Mon Sep 17 00:00:00 2001
From: Simon Cambier <simon.cambier@protonmail.com>
Date: Tue, 13 Aug 2024 18:55:08 +0200
Subject: [PATCH] fix: on mobile, added a delay before showing the keyboard
 #345

---
 src/components/InputSearch.svelte | 13 ++++++++-----
 1 file changed, 8 insertions(+), 5 deletions(-)

diff --git a/src/components/InputSearch.svelte b/src/components/InputSearch.svelte
index d29044e..034bf8c 100644
--- a/src/components/InputSearch.svelte
+++ b/src/components/InputSearch.svelte
@@ -1,8 +1,9 @@
 <script lang="ts">
-  import { debounce } from 'obsidian'
+  import { debounce, Platform } from 'obsidian'
   import { toggleInputComposition } from 'src/globals'
   import { createEventDispatcher, tick } from 'svelte'
   import type OmnisearchPlugin from '../main'
+  import { wait } from "../tools/utils";
 
   export let initialValue = ''
   export let placeholder = ''
@@ -28,11 +29,13 @@
 
   function selectInput(_?: HTMLElement): void {
     tick()
-      .then(() => {
+      .then(async () => {
+        if (Platform.isMobileApp) await wait(200)
         elInput.focus()
         return tick()
       })
-      .then(() => {
+      .then(async () => {
+        if (Platform.isMobileApp) await wait(200)
         elInput.select()
       })
   }
@@ -57,7 +60,7 @@
       placeholder="{placeholder}"
       spellcheck="false"
       type="text"
-      use:selectInput />
+      use:selectInput/>
   </div>
-  <slot />
+  <slot/>
 </div>