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

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

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

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

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


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

Вопросов в ообщем 2 получается: почему нет клавиатуры при первом рендере и как решить проблему ios?
  • Вопрос задан
  • 184 просмотра
Подписаться 1 Средний Комментировать
Помогут разобраться в теме Все курсы
  • Нетология
    Frontend-разработка на React
    10 недель
    Далее
  • ProductStar
    Разработка на React
    6 недель
    Далее
  • Яндекс Практикум
    React-разработчик
    3 месяца
    Далее
Пригласить эксперта
Ваш ответ на вопрос

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

Похожие вопросы
от 250 000 до 300 000 ₽
ITK academy Нижний Новгород
от 50 000 до 90 000 ₽
ITK academy Екатеринбург
от 50 000 до 90 000 ₽