Il placeholder dei campi dropdown sulla pagina di registrazione si sovrappone al testo (seleziona un'opzione) su mobile

Ho appena testato il nostro processo di iscrizione tramite cellulare in previsione di un gran numero di iscrizioni questa settimana.

Su mobile, il nome del campo nei campi a discesa viene visualizzato sopra il testo (seleziona un'opzione):

Penso che dovrebbe essere posizionato diversi pixel più in alto per evitare questo problema, in questo modo:

Sfortunatamente, questo oscura anche le opzioni che l’utente seleziona, rendendo l’iscrizione tramite cellulare un’esperienza molto scomoda quando si hanno diversi campi personalizzati dall’utente.

Questo si verifica anche con tutti i temi/componenti disattivati.

Ecco una patch CSS che mi ha aiutato:

// correzione temporanea delle etichette dropdown e multiselect
.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;
}
2 Mi Piace