Je viens de tester notre processus d’inscription via mobile en prévision d’un grand nombre d’inscriptions cette semaine.
Sur mobile, le nom du champ sur les champs déroulants s’affiche par-dessus le texte (sélectionnez une option) :
Je pense qu’il est censé être placé plusieurs pixels plus haut pour le dégager, comme ceci :
Malheureusement, cela masque également les options que l’utilisateur sélectionne, rendant l’inscription via mobile une expérience très gênante lorsque vous avez plusieurs champs personnalisés par l’utilisateur.
C’est la même chose avec tous les thèmes/composants désactivés.
Voici un correctif CSS qui m’a dépanné :
// correctif temporaire des étiquettes déroulantes et de sélection multiple
.create-account #login-form .input-group .user-field.dropdown label.control-label.alt-placeholder {
top:-8px!important;
}
.create-account #login-form .input-group .user-field.multiselect label.control-label.alt-placeholder {
top:-8px!important;
}