Jaishree2310/GlassyUI-Components

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

Offen

#699 geöffnet am 05.06.2026

Auf GitHub ansehenContributor Guide
 (5 Kommentare) (0 Reaktionen) (1 zugewiesene Person)TypeScript (217 Forks)auto 404
good first issuegssoc'26gssoc:approvedlevel:beginnertype:bug

Repository-Metriken

Stars
 (114 Sterne)
PR-Merge-Metriken
 (Keine gemergten PRs in 30 T)

Beschreibung

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.

Contributor Guide

Research-Richtung
Ändere die doppelte Eingabe ID 'password' in 'confirm password' und aktualisiere das htmlFor Attribut des zugehörigen Labels.
Tech Stack
typescriptreact
Domain
frontend
Issue Type
Fehler
SchwierigkeitGeschätzte Implementierungsschwierigkeit für neue Contributors, von 1 für sehr kleine Änderungen bis 5 für Expertenarbeit.
1
Geschätzte ZeitEin grober Zeitrahmen, um zu recherchieren, zu implementieren, zu testen und einen Pull Request vorzubereiten.
Unter 1 Stunde
AktivitätsstatusWie verfügbar das Issue gerade wirkt: frisch, aktiv, stale, blockiert oder wartet auf Maintainer-Input.
Aktiv
KlarheitWie klar das Issue die erwartete Änderung, Akzeptanzkriterien und den nächsten Schritt erklärt.
Klar
Voraussetzungen
React
EinsteigerfreundlichkeitEin Score von 1 bis 100, der schätzt, wie zugänglich dieses Issue für First-Time Contributors ist.
90