add a scrollto for mobile focus on textarea

2023-10-03 17:08:50 +02:00 · 2023-10-03 17:08:50 +02:00 · 2a239d7aab
commit 2a239d7aab
parent 1d735144ed
1 changed files with 6 additions and 0 deletions
--- a/src/routes/contact/+page.svelte
+++ b/src/routes/contact/+page.svelte
@ -57,6 +57,12 @@
      })
    })

+    let textarea = document.querySelector('textarea') as HTMLElement
+
+    textarea?.addEventListener('focus', () => {
+      window.scrollTo(0, textarea.offsetTop - 100);
+    })
+    
    return () => {
      gsap.killTweensOf('.toCanvas, .lineChildren');
    }