From b195948670ec57c14cf51b92839a57b8f34c9194 Mon Sep 17 00:00:00 2001
From: Adam Soltys <asoltys@gmail.com>
Date: Mon, 26 Sep 2022 11:33:50 -0700
Subject: fix autofocus

---
 src/components/RegisterOrLogin.svelte | 36 +++++++++--------------------------
 1 file changed, 9 insertions(+), 27 deletions(-)

(limited to 'src/components')

diff --git a/src/components/RegisterOrLogin.svelte b/src/components/RegisterOrLogin.svelte
index 1ec73b64..e1a0d60c 100644
--- a/src/components/RegisterOrLogin.svelte
+++ b/src/components/RegisterOrLogin.svelte
@@ -1,4 +1,6 @@
 <script>
+	import { page } from '$app/stores';
+	import { tick } from 'svelte';
 	import { Icon } from '$comp';
 	import { post, failure } from '$lib/utils';
 	import { redirect, user, token } from '$lib/store';
@@ -21,6 +23,8 @@
 	}[pageID];
 
 	$: if ($user) goto(`/${username}/receive`);
+
+  let focus = (el) => setTimeout(() => el.focus());
 </script>
 
 <div class="pt-10">
@@ -35,34 +39,19 @@
 			<h1 class="text-2xl font-bold text-center">{$t('login.' + pageID)}</h1>
 
 			<form class="space-y-5" {action} method="POST">
-        {#if $redirect}
-        <input type="hidden" name="redirect" value={$redirect} />
-        {/if}
+				{#if $redirect}
+					<input type="hidden" name="redirect" value={$redirect} />
+				{/if}
 
-				<!-- {#if pageID === 'register'} -->
-				<!-- 	<div> -->
-				<!-- 		<label for="email" class="font-semibold">{$t('login.email')}</label> -->
-				<!-- 		&#60;&#33;&#45;&#45; svelte-ignore a11y-autofocus &#45;&#45;&#62; -->
-				<!-- 		<input -->
-				<!-- 			name="email" -->
-				<!-- 			type="email" -->
-				<!-- 			required -->
-				<!-- 			class="bg-primary" -->
-				<!-- 			bind:value={email} -->
-				<!-- 			autofocus -->
-				<!-- 		/> -->
-				<!-- 	</div> -->
-				<!-- {/if} -->
 				<div>
 					<label for="username" class="font-semibold">{$t('login.username')}</label>
-					<!-- svelte-ignore a11y-autofocus -->
 					<input
 						name="username"
 						type="text"
 						required
 						class="bg-primary"
 						bind:value={username}
-						autofocus={pageID === 'signIn'}
+						use:focus
 					/>
 				</div>
 
@@ -94,14 +83,7 @@
 							>{$t('login.token')}
 							<span class="text-secondary">({$t('login.optional')})</span></label
 						>
-						<!-- svelte-ignore a11y-autofocus -->
-						<input
-							name="token"
-							type="text"
-							class="bg-primary"
-							bind:value={twofa}
-							autofocus={pageID === 'signIn'}
-						/>
+						<input name="token" type="text" class="bg-primary" bind:value={twofa} />
 					</div>
 				{/if}
 
-- 
cgit v1.2.3