adobe/react-spectrum

Select does not propagate change event

Open

#6 217 ouverte le 17 avr. 2024

Voir sur GitHub
 (7 commentaires) (7 réactions) (0 assignés)TypeScript (1 500 forks)auto 404
buggood first issue

Métriques du dépôt

Stars
 (15 634 stars)
Métriques de merge PR
 (Métriques PR en attente)

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

Guide contributeur

Direction de recherche
Inspectez le composant HiddenSelect et sa gestion des événements. Assurez vous qu'un événement change natif est déclenché lorsque la valeur du select change. Recherchez les tests existants et ajoutez en un qui vérifie la propagation de l'événement.
Stack technique
javascripttypescriptreact
Domaine
frontend
Type d'issue
Bug
DifficultéDifficulté estimée pour un nouveau contributeur, de 1 pour un très petit changement à 5 pour un travail expert.
2
Temps estiméFourchette de temps approximative pour investiguer, implémenter, tester et préparer une pull request.
1-3 heures
Statut d'activitéDisponibilité apparente de l'issue : fraîche, active, ancienne, bloquée ou en attente d'un mainteneur.
Active
ClartéClarté avec laquelle l'issue explique le changement attendu, les critères d'acceptation et la prochaine étape.
Claire
Prérequis
GitReactTypeScript
Accessibilité débutantScore de 1 à 100 estimant l'accessibilité de cette issue pour un premier contributeur.
65