Некорректная работа input на iphone, как исправить?

Доброго дня! Столкнулся с такой проблемой, что input не хочет нормально работать на iphone, при клике на него открывается клавиатура, но курсора нет в поле, и если что-то вводить, то текста не видно, сайт avirra.ru, нужно сделать заказ авто, выбрать любую машину, выбрать продолжить без доставки, выбрать автосалон и нажать заполнить данные, после клика на кнопку Заполнить данные он автоматом ставить фокус на первый инпут, бьюсь с этим багом уже сутки, верстал не я, поэтому разобраться довольно таки сложно(стили и скрипты есть в source вкладке)
  • Вопрос задан
  • 97 просмотров
Пригласить эксперта
Ответы на вопрос 3
А что с z-index инпута или его родителей?
Сдается мне он выставлен и равен соседу.
Попробуйте убрать.
Ответ написан
AlexanderK-A
@AlexanderK-A
Изучаю ES dev, ищу работу, 36, UTC+10
Поэкспериментируйте со свойствами

***-user-select

в ваших стилях. Попробуйте отключить их совсем, потом постепенно включать и смотреть, работает или нет.
На айфоне действительно элементы ведут себя как написано, хотя в режиме эмуляции Chrome все работает нормально. Также, на Андроид-устройстве проблем нет.
Вроде бы такая особенность проявляется на Apple-устройствах.
Ответ написан
FeST1VaL
@FeST1VaL
Тихий
Проблема в этом) Уберите это и все будет окей, это у label в который обернут input

.calc-form__input {
    display: block;
}
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы