이번 주 대량 가입을 앞두고 모바일로 가입 과정을 테스트해 보았습니다.
모바일 환경에서 드롭다운 필드의 필드 이름이 (옵션을 선택하세요) 텍스트 위에 겹쳐 표시됩니다:
이것은 사용자의 선택을 방해하지 않도록 몇 픽셀 더 위로 배치되어야 한다고 생각합니다:
불행히도, 이렇게 되면 사용자가 선택하는 옵션도 가려져서 사용자 정의 필드가 여러 개 있을 때 모바일 가입 경험이 매우 불편해집니다.
모든 테마/컴포넌트를 꺼도 동일한 문제가 발생합니다.
아래는 제가 임시로 적용해 문제를 해결한 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;
}