From bb69d01bfe282e528e48815b687167223bcfb5ff Mon Sep 17 00:00:00 2001
From: olivier-maury <50327494+olivier-maury@users.noreply.github.com>
Date: Thu, 19 Feb 2026 15:06:48 +0100
Subject: [PATCH 1/2] feat: enable autocomplete for one-time-code

Add HTML attributes to enable autofill by password managers.
---
 .../two-factor-authentication-form.component.html          | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/app/cdk/two-factor-authentication-form/two-factor/two-factor-authentication-form.component.html b/src/app/cdk/two-factor-authentication-form/two-factor/two-factor-authentication-form.component.html
index 4f61c5d1a0..72a1a96b3b 100644
--- a/src/app/cdk/two-factor-authentication-form/two-factor/two-factor-authentication-form.component.html
+++ b/src/app/cdk/two-factor-authentication-form/two-factor/two-factor-authentication-form.component.html
@@ -2,6 +2,7 @@
   <div class="input-container">
     <mat-label
       class="orc-font-small-print"
+      for="totp"
       i18n="@@ngOrcid.signin.2fa.label"
       [ngClass]="{
         error: isVerificationCodeInvalid
@@ -20,7 +21,11 @@
         formControlName="verificationCode"
         cdkFocusInitial
         appTrim
-        autocomplete="off"
+        autocomplete="one-time-code"
+        id="totp"
+        name="totp"
+        pattern="[0-9]*"
+        type="text"
       />
     </mat-form-field>
     <ng-container *ngIf="!recoveryCode">

From 00b397cf4ed68e85570aa13e2c142490f9fe7a19 Mon Sep 17 00:00:00 2001
From: olivier-maury <50327494+olivier-maury@users.noreply.github.com>
Date: Tue, 3 Mar 2026 09:23:04 +0100
Subject: [PATCH 2/2] Code review changes: one-time code fields will behave
 consistently

---
 .../confirm-deactivate-account.component.html              | 3 ++-
 .../two-factor-authentication-form.component.html          | 7 +++++--
 .../two-factor-enable/two-factor-enable.component.html     | 6 +++++-
 3 files changed, 12 insertions(+), 4 deletions(-)

diff --git a/src/app/account-settings/pages/confirm-deactivate-account/confirm-deactivate-account.component.html b/src/app/account-settings/pages/confirm-deactivate-account/confirm-deactivate-account.component.html
index a4bae6835e..6e77d3120a 100644
--- a/src/app/account-settings/pages/confirm-deactivate-account/confirm-deactivate-account.component.html
+++ b/src/app/account-settings/pages/confirm-deactivate-account/confirm-deactivate-account.component.html
@@ -128,8 +128,9 @@
         >
           <input
             id="twoFactorCode"
-            type="text"
+            autocomplete="one-time-code"
             inputmode="numeric"
+            name="totp"
             aria-labelledby="2fa-input-label"
             formControlName="twoFactorCode"
             matInput
diff --git a/src/app/cdk/two-factor-authentication-form/two-factor/two-factor-authentication-form.component.html b/src/app/cdk/two-factor-authentication-form/two-factor/two-factor-authentication-form.component.html
index 72a1a96b3b..f0eac3e4e0 100644
--- a/src/app/cdk/two-factor-authentication-form/two-factor/two-factor-authentication-form.component.html
+++ b/src/app/cdk/two-factor-authentication-form/two-factor/two-factor-authentication-form.component.html
@@ -23,8 +23,8 @@
         appTrim
         autocomplete="one-time-code"
         id="totp"
+        inputmode="numeric"
         name="totp"
-        pattern="[0-9]*"
         type="text"
       />
     </mat-form-field>
@@ -124,7 +124,10 @@
         #inputRecoveryCode
         formControlName="recoveryCode"
         appTrim
-        autocomplete="off"
+        autocomplete="one-time-code"
+        inputmode="numeric"
+        name="totp"
+        type="text"
       />
     </mat-form-field>
     <ng-container *ngIf="recoveryCode">
diff --git a/src/app/two-factor-setup/components/two-factor-enable/two-factor-enable.component.html b/src/app/two-factor-setup/components/two-factor-enable/two-factor-enable.component.html
index e5903e9929..dca4214891 100644
--- a/src/app/two-factor-setup/components/two-factor-enable/two-factor-enable.component.html
+++ b/src/app/two-factor-setup/components/two-factor-enable/two-factor-enable.component.html
@@ -117,7 +117,11 @@
             #inputVerificationCode
             formControlName="verificationCode"
             appTrim
-            autocomplete="off"
+            autocomplete="one-time-code"
+            id="totp"
+            inputmode="numeric"
+            name="totp"
+            type="text"
             data-cy="verification-code-input"
           />
           <mat-hint align="end"