Skip to content

eSignet-Go: Bug — Long translated labels break login-ID option buttons (icon disappears / text overflows) in Arabic, Hindi, Khmer, Tamil #2284

Description

@santhoshsunder

Short Summary of the Bug

On the eSignet-Go login screen, when the UI language is changed, longer translated labels on the "Select a Login ID Option" buttons overflow the fixed-width buttons and the leading option icon disappears. A different option is affected in each language.

Description

Environment:
eSignet-Go — oidc-ui login screen (Login with OTP → "Select a Login ID Option").
Providers: https://esignet-go.esqa.mosip.net (mock), https://esignet-go-sunbird.esqa.mosip.net (mosip), https://esignet-go-mosipid1.esqa.mosip.net (sunbird).

Steps to reproduce:

  1. Open a relying party (e.g. https://healthservices-go.esqa.mosip.net) → Sign In with eSignetLogin with OTP.
  2. Using the language selector (top corner), switch the UI language (Arabic / Hindi / Khmer / Tamil).
  3. Observe the four login-ID option buttons: UIN/VID, Mobile Number, Email, NRC ID.

Expected Behavior:
In every language, each option button shows its leading icon and its label fully contained within the button.

Actual Behavior (the option with the longest translated label loses its icon / overflows — differs per language):

  • Hindi — UIN/VID (यूआईएन/वीआईडी): leading icon missing.
  • Arabic — Mobile Number (رقم الهاتف المحمول): leading icon missing (RTL layout).
  • Khmer — NRC ID (អត្តសញ្ញាណប័ណ្ណ NRC): leading icon missing and the label text overflows past the button's right edge.
  • Tamil — Mobile Number (மொபைல் எண்): leading icon missing.

Likely root cause:
The login-ID option buttons have a fixed width that does not accommodate longer localized labels, so the leading icon is squeezed out and/or the text overflows the button. The screen is part of the shared oidc-ui, so this applies to all three identity systems. English fits, so the defect only surfaces in languages with longer labels.

Attachments / Evidence / Links

Hindi — UIN/VID icon missing:
Hindi UIN icon missing

Arabic — Mobile Number icon missing (RTL):
Arabic Mobile icon missing

Khmer — NRC icon missing + label overflow:
Khmer NRC icon missing and overflow

Tamil — Mobile Number icon missing:
Tamil Mobile icon missing

Metadata

Metadata

Labels

bugSomething isn't working

Type

Projects

No projects

Relationships

None yet

Development

No branches or pull requests

Issue actions