From 68b97c3d0c9c1b34ffd41481903585457a50a080 Mon Sep 17 00:00:00 2001 From: Zicklag Date: Sat, 18 Jan 2025 20:04:42 -0600 Subject: [PATCH] fix: force handle text inputs to enter in lowercase. Fixes: #289 --- .../(app)/[username]/components/ChangeHandleModal.svelte | 4 ++++ .../(app)/claim-handle/components/ClaimHandleForm.svelte | 4 ++++ 2 files changed, 8 insertions(+) diff --git a/src/routes/(app)/[username]/components/ChangeHandleModal.svelte b/src/routes/(app)/[username]/components/ChangeHandleModal.svelte index 84285a81..f097fb04 100644 --- a/src/routes/(app)/[username]/components/ChangeHandleModal.svelte +++ b/src/routes/(app)/[username]/components/ChangeHandleModal.svelte @@ -24,6 +24,10 @@ let selectedTab = $state(0); let handle = $state(''); + $effect(() => { + const lowercase = handle.toLowerCase(); + if (lowercase != handle) handle = lowercase; + }); let domain = $state(''); let error = $state(null) as null | string; let publicSuffix = $state(usernames.defaultSuffix()); diff --git a/src/routes/(app)/claim-handle/components/ClaimHandleForm.svelte b/src/routes/(app)/claim-handle/components/ClaimHandleForm.svelte index 082c3990..14288b00 100644 --- a/src/routes/(app)/claim-handle/components/ClaimHandleForm.svelte +++ b/src/routes/(app)/claim-handle/components/ClaimHandleForm.svelte @@ -14,6 +14,10 @@ } = $props(); let handle = $state(''); + $effect(() => { + const lowercase = handle.toLowerCase(); + if (lowercase != handle) handle = lowercase; + }); let randomNumberSuffix = $state(usernames.genRandomUsernameSuffix()); let publicSuffix = $state(usernames.defaultSuffix()); let fullHandleSuffix = $derived(