Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[Bug] IOS верстка, input "date"/"time" #1070

Open
anatolii-kabanov opened this issue Oct 12, 2020 · 5 comments
Open

[Bug] IOS верстка, input "date"/"time" #1070

anatolii-kabanov opened this issue Oct 12, 2020 · 5 comments

Comments

@anatolii-kabanov
Copy link

Описание
Проблема на IOS. Если у вас несколько инпутов в окне вы можете перемещаться между ними с помощью стрелок виртуальной клавиатуры. Если вы ставите, например, активным инпут типа "text" и с помощью стрелок перемещаетесь вниз на инпут с типом "date" или "time", появляется окно выбора даты, нажимаем ок, и снизу появляется большой отступ в верстке, и как следствие фиксированное меню уже не фексированно.

При переходе с dropdown list не с датой не повторяется.

Шаги воспроизведения
Создать несколько инпутов, одни из которых "date" и "time". Первый инпут может быть типа "text". Не нажимать на инпуты "date", а выбрать сначала первый инпут "text", и с помощью виртуальной клавиатуры переметиться к инпуту "date" или "time". Появится IOS окно для выбора даты/времени. Нажимаем ок. После видим что вся верстка съехала, т.е. появляется большой отступ снизу.

Ожидаемое поведение

Скриншоты
Опционально.
image

Пример с воспроизведением
https://codesandbox.io/s/vkui-form-inputs-60l6b?file=/src/index.js

@anatolii-kabanov
Copy link
Author

В браузере так же появляется отступ.

@anatolii-kabanov anatolii-kabanov changed the title [Bug] [Bug] IOS верста, input "date"/"time" Oct 12, 2020
@anatolii-kabanov anatolii-kabanov changed the title [Bug] IOS верста, input "date"/"time" [Bug] IOS верстка, input "date"/"time" Oct 12, 2020
@ArthurStam
Copy link
Contributor

А какая версия iOS? На 14 эти инпуты сильно переделали и там такой проблемы не наблюдается

@anatolii-kabanov
Copy link
Author

Сейчас 14, но и с 12 такая же проблема была. Версия VKUI 3.12.8.

@anatolii-kabanov
Copy link
Author

Я прикрепил пример в описании который можно воспроизвести на 14 версии IOS https://codesandbox.io/s/vkui-form-inputs-60l6b?file=/src/index.js

@anatolii-kabanov
Copy link
Author

Отеройте пример в браузере на IOS устройстве. Сделайте необходимые шаги и наблюдайте как страница сдвинулась по скроллу.

image
image
image

@SevereCloud SevereCloud moved this to Backlog in VKUI Aug 1, 2022
@SevereCloud SevereCloud added this to VKUI Aug 1, 2022
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
Status: 🗃 Backlog
Development

No branches or pull requests

3 participants