arithefirst/svchat
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: Use form.requestSubmit() instead of clicking a hidden button

Browse Source
This commit is contained in:
April Hall 2025-02-08 15:33:19 -05:00
parent c335aa610c
commit ae6c3fe540
Signed by: arithefirst
GPG Key ID: 4508A15C4DB91C5B
1 changed files with 3 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/routes/channel/[channel]/+page.svelte
View File

@ -18,7 +18,7 @@
let msg: string = $state('');
const channel: string = $derived(page.params.channel);
let textareaRef: HTMLElement | undefined = $state();
let submitRef: HTMLButtonElement | undefined = $state();
let formref: HTMLFormElement | undefined = $state();
onMount(() => {
// Connect on page load
@ -29,7 +29,7 @@
textareaRef?.addEventListener('keypress', (e) => {
if (e.key === 'Enter' && !e.shiftKey) {
e.preventDefault();
submitRef?.click();
formref?.requestSubmit();
}
});
});
@ -55,6 +55,7 @@
{@render message(data.messages)}
</div>
<form
bind:this={formref}
class="flex w-full gap-1"
onsubmit={() => {
socket?.sendMessage(user!, msg);
@ -70,6 +71,5 @@
shadow-sm placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1
focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50"></textarea>
<Button class="h-full min-h-10 w-14" type="submit"><Send class="size-full" /></Button>
<button type="submit" bind:this={submitRef} class="hidden">submit</button>
</form>
</div>