Плейсхолдер выпадающих полей на странице регистрации конфликтует с текстом «выберите вариант» на мобильных устройствах

Я только что протестировал процесс регистрации с мобильного устройства в преддверии большого количества регистраций на этой неделе.

На мобильном устройстве имя поля в выпадающих списках отображается поверх текста (выберите вариант):

Похоже, что оно должно быть сдвинуто на несколько пикселей выше, чтобы не мешать, как здесь:

К сожалению, это также закрывает выбранные пользователем варианты, что делает процесс регистрации с мобильного устройства очень неудобным, когда у вас есть несколько пользовательских полей.

Это происходит со всеми темами и компонентами, даже если они отключены.

Вот временное решение через CSS, которое мне помогло:

// временное исправление для меток выпадающих списков и множественного выбора
.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 лайка