El placeholder de Dropdown Fields en la página de registro entra en conflicto con el texto (selecciona una opción) en móvil

Acabo de probar nuestro proceso de registro a través del móvil, anticipando un gran número de registros esta semana.

En el móvil, el nombre del campo en los campos desplegables se muestra encima del texto (selecciona una opción):

Creo que está destinado a colocarse varios píxeles más arriba para que no interfiera, así:

Desafortunadamente, esto también oculta las opciones que el usuario selecciona, lo que hace que el registro a través del móvil sea una experiencia muy incómoda cuando tienes varios campos personalizados por el usuario.

Esto ocurre igual con todos los temas/componentes desactivados.

Aquí tienes un parche CSS que me ha servido:

// corrección temporal de etiquetas desplegables y multiselección
.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 Me gusta