automatically focus passkey button if pre-filling username

datasektionen · Nov 13, 2024 · 515e9c6 · 515e9c6
1 parent e6b6e93
commit 515e9c6
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 6 deletions.
diff --git a/templates/passkey.templ b/templates/passkey.templ
@@ -10,7 +10,7 @@ templ PasskeyLoginForm(kthid string, credAss *protocol.CredentialAssertion) {
 		id="passkey-login-form"
 		hx-post="/login/passkey/begin"
 		_="
-			on load if localStorage.logout_saved_kthid then set #pk-kthid.value to localStorage.logout_saved_kthid end
+			on load if localStorage.logout_saved_kthid then set #pk-kthid.value to localStorage.logout_saved_kthid then call #pk-init.focus() end
 			on submit remove <.error/> then if #pk-kthid.value then set localStorage.logout_saved_kthid to #pk-kthid.value
 		"
 		if credAss != nil {
@@ -81,6 +81,7 @@ templ PasskeyLoginForm(kthid string, credAss *protocol.CredentialAssertion) {
 				"
 			/>
 			<button
+				id="pk-init"
 				class={ `
 					bg-[#3f4c66] shrink-0 h-8 w-8 rounded-full
 					grid place-items-center pointer

diff --git a/templates/passkey_templ.go b/templates/passkey_templ.go