Input focus with query selector

h00s · May 4, 2024 · b43be32 · b43be32
1 parent dd5d4ef
commit b43be32
Showing 1 changed file with 7 additions and 1 deletion.
diff --git a/frontend/src/lib/components/Link.svelte b/frontend/src/lib/components/Link.svelte
@@ -2,11 +2,17 @@
   import { createLink } from '$lib/repositories/links'
   import { urlByShortId, urlWithoutProtocol } from '$lib/helpers/link'
   import { onMount } from 'svelte'
+  import { afterNavigate } from '$app/navigation';
   import { fade } from 'svelte/transition'
 
   onMount(() => {
     displayedOptions = false;
-    inputUrl.focus();
+  });
+
+  afterNavigate(() => {
+    const input = document.querySelector('#url');
+    input.focus();
+    //inputUrl.focus();
   });
 
   async function shortenLink() {