Jaishree2310/GlassyUI-Components

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

Aberta

#699 aberto em 5 de jun. de 2026

Ver no GitHubGuia do colaborador
 (5 comentários) (0 reação) (1 responsável)TypeScript (217 forks)auto 404
good first issuegssoc'26gssoc:approvedlevel:beginnertype:bug

Métricas do repositório

Stars
 (114 estrelas)
Métricas de merge de PR
 (Nenhuma PRs mesclada em 30d)

Description

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.

Guia do colaborador

Direção de pesquisa
Altere o ID duplicado 'password' para 'confirm password' e atualize o atributo htmlFor do rótulo associado.
Pilha de tecnologia
typescriptreact
Domain
frontend
Tipo Issue
Bug
DifficultyDificuldade de implementação estimada para um novo contribuidor, de 1 para alterações muito pequenas a 5 para trabalho de nível especializado.
1
Tempo estimadoUm intervalo de tempo aproximado para um colaborador experiente investigar, implementar, testar e preparar um pull request.
Menos de 1 hora
Status da atividadeQuão disponível o issue aparece agora: novo, ativo, obsoleto, bloqueado ou aguardando entrada do mantenedor.
Ativo
ClarityCom que clareza o issue explica a mudança esperada, os critérios de aceitação e a próxima etapa.
Claro
Prerequisites
React
Simpatia para novatosUma pontuação de 1 a 100 que estima o quão acessível este issue é para colaboradores iniciantes.
90