@pilolin
HTML программист

Постоянный фокус на элементе для ввода кода?

Приложение сделано на vue. Имеется некая форма авторизации, после заполнения поля с телефонов, улетает смс с кодом. Код необходимо вписать в поле, которое выезжает. Впринципе все реализовано, но осталась неприятная деталь, при выехжании шторки я фокус на инпут кидаю и можно писать код, но есть очень большая вероятность что пользователь может ткнуть просто в любое место на экране и фокус пропадает с инпута, а он у меня скрыт. Как решить данную проблему?
  • Вопрос задан
  • 101 просмотр
Решения вопроса 1
Как насчет сделать так, чтобы элемент <input> занимал весь блок и клик в любое псевдо-поле всё равно попадал на него <input>?

P.S. Отвратительное юзабилити

https://jsfiddle.net/8adwgxyo/1/
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
miraage
@miraage
Lead Software Engineer
Не вижу смысла ловить фокус. Я бы в компоненте на mount повесил обработчик нажатия клавиш клавиатуры, на unmount снял. И для каждой коробки забираете нужный индекс с результирующей строки.

// edit

Vue знать не знаю, возможно надо переписать согласно принятым канонам.
И edge-cases покрыть тоже нужно.

https://jsfiddle.net/5zk2sw0j/1/
Ответ написан
Ваш ответ на вопрос

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

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