Jaishree2310/GlassyUI-Components

[BUG] Duplicate input ID "password" in SignUpCardExample breaks confirm password label focus

Aperta

#699 aperta il 5 giu 2026

Vedi su GitHubGuida contributor
 (5 commenti) (0 reazioni) (1 assegnatario)TypeScript (217 fork)auto 404
good first issuegssoc'26gssoc:approvedlevel:beginnertype:bug

Metriche repository

Star
 (114 stelle)
Metriche merge PR
 (Metriche PR in attesa)

Descrizione

Description

In AuthenticationCards.tsx inside the SignUpCardExample component, both the "Password" and "Confirm Password" input fields are defined with the exact same ID (id='password'). Because of this, clicking on the "Confirm Password" label (which has htmlFor='password') focuses the first "Password" field instead of the confirm password field.

Steps to Reproduce

  1. Navigate to the Authentication Card details page.
  2. Click on the "Confirm Password" label.
  3. Observe that focus goes to the "Password" input field.

Suggested Fix

Change the confirm password input's ID to id='confirm-password' and update the label's htmlFor to match.

Guida contributor

Direzione di ricerca
Modifica l'ID duplicato 'password' in 'confirm password' e aggiorna l'attributo htmlFor della label associata.
Tech stack
typescriptreact
Dominio
frontend
Tipo issue
Bug
DifficoltàQuanto dovrebbe essere impegnativa per un nuovo contributor.
1
Tempo stimatoTempo stimato per completare e verificare uno scope piccolo.
Meno di 1 ora
Stato attivitàQuanto è probabile che la issue sia ancora attiva e reviewable.
Attiva
ChiarezzaQuanto chiaramente la issue descrive problema, scope e risultato atteso.
Chiara
Prerequisiti
React
Adatta ai principiantiQuanto la issue è adatta a contributor alla prima esperienza.
90