From 0932bbf10c7bf642ffec7cf6fee7c6a6b040a04e Mon Sep 17 00:00:00 2001
From: Corentin Flr <10946971+cogk@users.noreply.github.com>
Date: Mon, 8 Jan 2024 17:08:16 +0100
Subject: [PATCH] fix(OTP): Autofocus OTP input, fix placeholder (#24203)

* fix(OTP): Autofocus OTP input

DOM insertion does not trigger autofocus, only initial load does.

* fix(OTP): Fix placeholder of OTP input
---
 frappe/templates/includes/login/login.js | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/frappe/templates/includes/login/login.js b/frappe/templates/includes/login/login.js
index b61d4c6e61..3cff2e4652 100644
--- a/frappe/templates/includes/login/login.js
+++ b/frappe/templates/includes/login/login.js
@@ -339,13 +339,14 @@ var request_otp = function (r) {
 					<span class="indicator blue" data-text="Verification">{{ _("Verification") }}</span>
 				</div>
 				<div id="otp_div"></div>
-				<input type="text" id="login_token" autocomplete="off" class="form-control" placeholder={{ _("Verification Code") }} required="" autofocus="">
+				<input type="text" id="login_token" autocomplete="off" class="form-control" placeholder="{{ _("Verification Code") }}" required="">
 				<button class="btn btn-sm btn-primary btn-block mt-3" id="verify_token">{{ _("Verify") }}</button>
 			</form>
 		</div>`
 	);
 	// add event handler for submit button
 	verify_token();
+	$("#login_token").get(0)?.focus();
 }
 
 var continue_otp_app = function (setup, qrcode) {