adobe/react-spectrum

Select does not propagate change event

Open

#6.217 aberto em 17 de abr. de 2024

Ver no GitHub
 (7 comments) (7 reactions) (0 assignees)TypeScript (1.500 forks)auto 404
buggood first issue

Métricas do repositório

Stars
 (15.634 stars)
Métricas de merge de PR
 (Métricas PR pendentes)

Description

Provide a general summary of the issue here

When you change a value in a Select element there is no change event that bubbles causing patterns like <form onChange> to stop working.

🤔 Expected Behavior?

The select should trigger a change event like normal form elements.

😯 Current Behavior

The <Select> element does not behave like a native <select> element by not bubbling change events.

💁 Possible Solution

I believe the reason why this currently does not work is because the select just get's re-rendered. Maybe adding a manual change event in the <HiddenSelect> would solve this.

🔦 Context

No response

🖥️ Steps to Reproduce

https://codesandbox.io/p/sandbox/twilight-voice-tjmwcl?file=%2Fsrc%2FApp.js%3A4%2C9

Version

1.0.0-rc.0

What browsers are you seeing the problem on?

Firefox, Chrome, Safari, Microsoft Edge

If other, please specify.

No response

What operating system are you using?

macOS

🧢 Your Company/Team

No response

🕷 Tracking Issue

No response

Guia do colaborador

Direção de pesquisa
Inspecione o componente HiddenSelect e seu tratamento de eventos. Garanta que um evento change nativo seja disparado quando o valor do select mudar. Procure por testes existentes e adicione um que verifique a propagação do evento.
Pilha de tecnologia
javascripttypescriptreact
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.
2
Tempo estimadoUm intervalo de tempo aproximado para um colaborador experiente investigar, implementar, testar e preparar um pull request.
1-3 horas
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
GitReactTypeScript
Simpatia para novatosUma pontuação de 1 a 100 que estima o quão acessível este issue é para colaboradores iniciantes.
65