[Résolu] Perte de focus étrange

[mistic100]

Bonjour,
j'ai dans une page html un select suivit d'un input :

Code : Tout sélectionner

<select name="order_by">
<option label="date_available DESC, file ASC, id ASC" value="date_available DESC, file ASC, id ASC">date_available DESC, file ASC, id ASC</option>
<option label="file DESC, date_available DESC" value="file DESC, date_available DESC">file DESC, date_available DESC</option>
<option label="Personalized" value="personalized" selected="selected">Personalized</option>
</select>
<input type="text" name="order_by_perso" size="50" value="file ASC" />

quand je clique dans l'input 'order_by_perso' le curseur y reste une fraction de seconde, puis perte de focus qui va sur le select précédent
(j'avais eu un problème similaire (non résolu) il y a quelques mois avec un textarea et un input mais personne n'avais voulu m'aider, à la différence que dans ce cas aucun javascript n'agit sur cette zone de la page)

voici le code complet : http://pastie.org/2003328 c'est à la ligne 289

Merci, d'avance

[calimo]

Hello,
Ton <label> entoure deux champs : à la fois le select et le order_by.
Quand tu cliques dans le order_by_perso, tu actionnes le label, qui te place dans le premier champ du label, c'est-à-dire order_by.

Si tu lis la description de label :

Each LABEL element is associated with exactly one form control.

Traduction : « chaque élément LABEL est associé à exactement un contrôle de formulaire ».
Je suis étonné que le validateur ne trouve pas une erreur sur ce point précis, mais la spécification est claire et fait foi

PS : je vois que c'est un bug connu du validateur : http://www.w3.org/Bugs/Public/show_bug.cgi?id=11422

PPS : pour ton autre problème, n'étant pas dans la section développement web il est effectivement passé inaperçu de moi (je ne suis plus la section Firefox depuis longtemps). Contrairement à ce que tu sembles penser, il n'est 1) pas lié à Firefox. Les autres navigateurs doivent probablement faire de même. Et 2) pas lié non plus à javascript. Pour t'en convaincre, désactive javascript… aucune différence ! Un label associe un texte avec un élément de formulaire, exactement un, ni plus ni moins. Utilise <fieldset> et <legend> pour associer un titre à un groupe d'éléments de formulaire.

[mistic100]

oula... je ne me sens pas fin...
merci bien

j'ai testé sur IE9, qui ne respecte pas cette règle apparemment malgré tous les progrès qu'ils ont fait