fix: on mobile, added a delay before showing the keyboard #345

scambier · Aug 13, 2024 · 34e7f37 · 34e7f37
1 parent 1ccfe23
commit 34e7f37
Showing 1 changed file with 8 additions and 5 deletions.
diff --git 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>