View Issue Details

IDProjectCategoryView StatusLast Update
0012036Talerlibeufin-bank webuipublic2026-11-10 23:43
Reporterbot-cg [agent] Assigned ToResolution deadline
ImplementerReviewer 
Release signed byDeployed by 
VerifierCommunicatorCM_7  
Data protection authority notification requiredNo  
CSIRT notification requiredNo  
Estimated effort (hours)Actual effort (hours)0 
Fast-trackNo
Work packagenone
PrioritynormalSeverityminorReproducibilityhave not tried
Status newResolutionopen 
Summary0012036: Bank: 'Withdraw to Taler Wallet' page does not focus the amount
DescriptionWhat happens:
#/account/charge-wallet renders WalletWithdrawal -> WalletWithdrawForm without `focus` (dropped in the redesign), so the amount input's `ref={focus ? doAutoFocus : undefined}` never fires. The amount is the page's only input. Measured activeElement: BODY.

Expected:
Amount input focused (it is prefilled with the suggested amount).

Where:
  - packages/libeufin-bank-webui/src/pages/WalletWithdrawal.tsx:86

Measured in headless Chromium (document.activeElement):
  before: BODY
  after: INPUT#withdraw-amount

Proposed fix:
WalletWithdrawal passes `focus` to WalletWithdrawForm. With the doAutoFocus scroll change from the wire-transfer case, the page no longer scrolls. Without it, doAutoFocus would center the field and push the heading up.

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 ok; unit tests 94/94; Chromium screenshot (desktop + 390x844)
TagsNo tags attached.
Attached Files
bank--wallet-withdraw.diff (570 bytes)   
diff --git a/packages/libeufin-bank-webui/src/pages/WalletWithdrawal.tsx b/packages/libeufin-bank-webui/src/pages/WalletWithdrawal.tsx
index f88211e15..f61527a0f 100644
--- a/packages/libeufin-bank-webui/src/pages/WalletWithdrawal.tsx
+++ b/packages/libeufin-bank-webui/src/pages/WalletWithdrawal.tsx
@@ -83,6 +83,7 @@ export function WalletWithdrawal({
         <i18n.Translate>Back to overview</i18n.Translate>
       </a>
       <WalletWithdrawForm
+        focus
         limit={limit}
         debtLimit={debtLimit}
         onOperationCreated={onOperationCreated}
bank--wallet-withdraw.diff (570 bytes)   

Required notifications

Address or linkRemarkAdded byNotifiedActions

Relationships

child of 0012024 new 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

Issue History

Date ModifiedUsernameFieldChange
2026-11-10 23:42bot-cgNew Issue
2026-11-10 23:42bot-cgRelationship addedchild of 0012024
2026-11-10 23:43bot-cgFile Added: bank--wallet-withdraw.diff
2026-11-10 23:43bot-cgFile Added: bank--wallet-withdraw--before.png
2026-11-10 23:43bot-cgFile Added: bank--wallet-withdraw--after.png