From 77269b7a6420220a0af1fc9c381b5319fbdde686 Mon Sep 17 00:00:00 2001
From: Felipe Martin <812088+fmartingr@users.noreply.github.com>
Date: Sun, 16 Oct 2022 12:17:02 +0200
Subject: [PATCH] feat(frontend): username autofocus on login (#519)

---
 internal/view/login.html | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/internal/view/login.html b/internal/view/login.html
index b9c61f5ee..f6114de79 100644
--- a/internal/view/login.html
+++ b/internal/view/login.html
@@ -35,7 +35,7 @@
 				</div>
 				<div id="input-area">
 					<label for="username">Username: </label>
-					<input id="username" type="text" name="username" placeholder="Username" tabindex="1">
+					<input id="username" type="text" name="username" placeholder="Username" tabindex="1" autofocus />
 					<label for="password">Password: </label>
 					<input id="password" type="password" name="password" placeholder="Password" tabindex="2"
 						@keyup.enter="login">
@@ -140,6 +140,9 @@
 				// Load setting
 				this.loadSetting();
 				localStorage.removeItem("shiori-account");
+
+				// <input autofocus> wasn't working all the time, so I'm putting this here as a fallback
+				document.querySelector('#username').focus()
 			}
 		})
 	</script>