Cette fois, c'est Chrome qui m'a embeté. Un bug assez étrange que je n'arrivais pas à reproduire malgré l'insistance de mes collègues. En effet, j'utilisais la version de dev (v9) alors qu'ils utilisaient la version stable (v7). Une fois ce détail pris en compte, j'ai pu reproduire le bug, mais impossible de comprendre dans quelles circonstance il se produisait. Dans ma page web, un formulaire, des <select /> (menus). Quand on choisit un item d'un des menu, c'est l'item suivant qui se sélectionne comme on peut le voir sur ce screencast :

Le plus étrange, c'est que ça ne se produit que dans cette page et même en ayant désactivé javascript. Et si je copie le code source dans un fichier en local que je charge dans Chrome, plus de problème. Au bord du désespoir, je vais tenter un truc con… virer les CSS de cette page qui buggue. N'importe quoi…

Et bien, si. Ça a corrigé le bug. En ciblant, j'ai fini par trouver la ligne coupable :

.adminform select {
	font-family: 'helvetica neue', helvetica, arial;
}

Si j'enlève cette ligne, plus de problème. C'est la fonte Helvetica Neue qui fait merder le select sous Chrome 7 ! Incroyable !

J'ai donc corrigé ce bug avec une pustule :

CSS :

.adminform select.chromefix {
	font-family: helvetica, arial;
}

JS :

if (parseInt(Y.UA.chrome) === 7)
{
	Y.all('.adminform select').addClass('chromefix');
}

On se rassurera tout de même en constatant que le bug a été corrigé par Google puisqu'il n'était pas présent sur la version 9. Par contre, j'aurais aimé trouvé un ticket correspondant dans le bug tracker, mais je n'ai rien trouvé :(