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

Question

[Виталий Викулин]

Доброго дня! Столкнулся с такой проблемой, что input не хочет нормально работать на iphone, при клике на него открывается клавиатура, но курсора нет в поле, и если что-то вводить, то текста не видно, сайт avirra.ru, нужно сделать заказ авто, выбрать любую машину, выбрать продолжить без доставки, выбрать автосалон и нажать заполнить данные, после клика на кнопку Заполнить данные он автоматом ставить фокус на первый инпут, бьюсь с этим багом уже сутки, верстал не я, поэтому разобраться довольно таки сложно(стили и скрипты есть в source вкладке)

Comments

[FeST1VaL]

так, а где скриншоты, ссылки итд? мы ванги?

[Александр]

Добрый день!
Какой именно элемент input на сайте вы имеете в виду?

[Виталий Викулин]

Александр, "нужно сделать заказ авто, выбрать любую машину, выбрать продолжить без доставки, выбрать автосалон и нажать заполнить данные" вот по такому пути нужно пройти, и у вас откроется форма для заполнения данных с инпутами, они то и не работают на айфоне, ссылка на скриншот joxi.ru/KAxKldNTZYzYD2

[Виталий Викулин]

Артем Будин, сайт указан в самом вопросе

Answer 1

[Александр Алексеев]

А что с z-index инпута или его родителей?
Сдается мне он выставлен и равен соседу.
Попробуйте убрать.

Comments

[Виталий Викулин]

z-index там вообще не задан

Answer 2

[Александр]

Поэкспериментируйте со свойствами

***-user-select

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

Comments

[Виталий Викулин]

да пробовал уже( не помогает

Answer 3

[FeST1VaL]

Проблема в этом) Уберите это и все будет окей, это у label в который обернут input

.calc-form__input {
    display: block;
}

Comments

[Виталий Викулин]

на какой-то момент мне показалось, что сработало, но потом началась такая же фигня( главное, если нажимать резко, то не срабатывает, а если нажимать и на какую-то долю секунды задерживать палец, то все окей вводится, какая-то дичь

[FeST1VaL]

Виталий Викулин, ну я проверял через режим дбага подключив свой iphone, после убирания этого свойства все становилось окей) вечером еще посмотрю)

[Виталий Викулин]

Артем Будин, не смотрел?) проблема еще актуальна

[FeST1VaL]

Виталий Викулин, если честно уже забыл) сегодня постараюсь)

[FeST1VaL]

Виталий Викулин, ну я посмотрел, у меня все работает (сорри как обычно забыл))) Я смог заполнить паспортные данные, единственное, я когда выбрал на 2 этапе дату, у меня не закрылся календарик, и перешло на 3 этап с открытым календариком... Он не закрывается после выбора или нажатия вне него

Так же и с датой рождения, он открылся и не закрывается