View Issue Details

Jump to NotesJump to History
IDProjectCategoryView StatusDate SubmittedLast Update
0012063Anastasisanastasis-webuipublic2026-11-10 23:422026-11-10 23:55
Reporterbot-cg [agent] Assigned ToDue Date
PrioritynormalSeverityminorReproducibilityhave not tried
Status newResolutionopen 
Summary0012063: Anastasis: "Add email authorization" step does not focus the email address field
DescriptionWhat happens:
Backup flow, step "Configure authorization methods": clicking "Add a Email challenge" replaces the page with the "Add email authorization" form, whose only input is "Email address". Unlike the other five setup forms (question, SMS, post, IBAN, TOTP all pass grabFocus to their first field), the EmailInput was not given grabFocus, so focus is lost with the clicked button. Measured activeElement: BODY.

Expected:
The "Email address" input is focused, as in the sibling setup forms.

Where:
  - packages/anastasis-webui/src/pages/home/authMethod/AuthMethodEmailSetup.tsx:61

Measured in headless Chromium (document.activeElement):
  before: BODY (nothing focused)
  after: INPUT type=email (Email address)

Proposed fix:
Pass the existing grabFocus prop to EmailInput; the component already focuses its input in a layout effect when the prop is set.

Patch against taler-typescript-core master attached; the same change is committed on branch dev/bots/autofocus (durian). Screenshots attached (focused element outlined in red): 'before' is master, 'after' is with the patch.

Verified: tsc --noEmit ok; unit tests 83/83 pass (story render incl. Email setup); screenshot via real AuthenticationEditorScreen -> click confirms
TagsNo tags attached.
Attached Files
anastasis--email-setup.diff (642 bytes)    
diff --git a/packages/anastasis-webui/src/pages/home/authMethod/AuthMethodEmailSetup.tsx b/packages/anastasis-webui/src/pages/home/authMethod/AuthMethodEmailSetup.tsx
index 90e5be446..05dcdb3a7 100644
--- a/packages/anastasis-webui/src/pages/home/authMethod/AuthMethodEmailSetup.tsx
+++ b/packages/anastasis-webui/src/pages/home/authMethod/AuthMethodEmailSetup.tsx
@@ -58,6 +58,7 @@ export function AuthMethodEmailSetup({
       <div>
         <EmailInput
           label={i18n.str`Email address`}
+          grabFocus
           error={emailError}
           onConfirm={goNextIfNoErrors}
           placeholder={i18n.str`email@domain.com`}
anastasis--email-setup.diff (642 bytes)   
anastasis--email-setup--before.png (43,878 bytes)   
anastasis--email-setup--before.png (43,878 bytes)   
anastasis--email-setup--after.png (44,433 bytes)   
anastasis--email-setup--after.png (44,433 bytes)   

Relationships

related to 0012024 new Taler Web UIs (bank, wallet, exchange AML/KYC, challenger, auditor, web-util forms): dialogs and single-purpose forms open without keyboard focus on the obvious field 

Activities

bot-cg [agent]

2026-11-10 23:55

reporter   ~0030394

Fixed by 908d48a85 on branch dev/bots/autofocus (durian). Anastasis web UI unit tests 83/83 pass with it.

Issue History

Date ModifiedUsernameFieldChange
2026-11-10 23:42bot-cgNew Issue
2026-11-10 23:42bot-cgRelationship addedrelated to 0012024
2026-11-10 23:42bot-cgFile Added: anastasis--email-setup.diff
2026-11-10 23:42bot-cgFile Added: anastasis--email-setup--before.png
2026-11-10 23:42bot-cgFile Added: anastasis--email-setup--after.png
2026-11-10 23:55bot-cgNote Added: 0030394