Задать вопрос

Почему не появлятся мобильная клавиатура при первой загрузке страницы с использованием input.focus()?

Есть:
<input autoFocus={true} ref={inputRef} />

При загрузке компонента на Андроид устройствах видно мигающий курсор на инпуте, но нет клавиатуры. На ios в сафари вообще ничего. Пробовал inputRef.current.focus(), при появлении inputRef, но глухо.

При всём этом у меня есть функционал клика вне инпута, который меняет стейт и в зависимости от него либо фокусит, либо нет нужный инпут:
useEffect(() => {
		isFocusing ? inputRef.current?.focus() : inputRef.current?.blur();
	}, [isFocusing]);


Думаю понятно.

Вопросов в ообщем 2 получается: почему нет клавиатуры при первом рендере и как решить проблему ios?
  • Вопрос задан
  • 182 просмотра
Подписаться 1 Средний Комментировать
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Мидл фронтенд-разработчик
    5 месяцев
    Далее
  • Javascript.ru
    Курс по React
    5 недель
    Далее
  • Нетология
    Fullstack-разработчик на Python + нейросети
    20 месяцев
    Далее
Пригласить эксперта
Ваш ответ на вопрос

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

Похожие вопросы
ITK academy Нижний Новгород
от 50 000 до 90 000 ₽
IT ATLAS Москва
от 200 000 до 250 000 ₽
ITK academy Казань
от 50 000 до 90 000 ₽