reagent-project/reagent-forms

Select input doesn't repaint selected value when state is changed externally

Open

#19 ouverte le 7 nov. 2014

Voir sur GitHub
 (21 commentaires) (0 réactions) (0 assignés)HTML (78 forks)batch import
help wanted

Métriques du dépôt

Stars
 (337 stars)
Métriques de merge PR
 (Aucune PR mergée en 30 j)

Description

The :select list control doesn't display the correct value when initiated with state.

For example, if I pass `(atom {:status "P"}) into this form:

   (row "Status" [:select.form-control {:field :list :id :status}
                  [:option {:key "A"} "Active"]
                  [:option {:key "P"} "Paused"]
                  [:option {:key "X"} "Archived"]])

NOTE: I've tried both strings and keywords for the value of the :key attribute.

The form will render with the first option displayed ("Active"). The atom will continue to hold the value of "P" until the user selects a new value from the select.

The issue is also illustrated on the examples page where the select should display bar but instead displays foo.

I tested this in both the latest releases of Chrome and Firefox on OSX.

Guide contributeur

Direction de recherche
Le composant select ne parvient pas à mettre à jour sa valeur affichée lorsque l'atome sous jacent est modifié extérieurement. Étudiez le code source de reagent forms, en particulier l'implémentation du composant select, pour comprendre comment il initialise et met à jour sa valeur. Consultez la page d'exemples mentionnée dans l'issue pour reproduire le problème. Examinez comment la gestion des formulaires et les méthodes de cycle de vie de Reagent affectent la liaison des valeurs. Passez en revue la discussion dans les commentaires pour toute correction proposée ou idée.
Stack technique
reacthtmlcss
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.
3
Temps estiméFourchette de temps approximative pour investiguer, implémenter, tester et préparer une pull request.
Une demi journée
Statut d'activitéDisponibilité apparente de l'issue : fraîche, active, ancienne, bloquée ou en attente d'un mainteneur.
Ancienne
ClartéClarté avec laquelle l'issue explique le changement attendu, les critères d'acceptation et la prochaine étape.
Plutôt claire
Prérequis
basic ClojureScriptReagent
Accessibilité débutantScore de 1 à 100 estimant l'accessibilité de cette issue pour un premier contributeur.
50