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

Как вызвать фокус в поле ввода и сделать принудительный вызов клавиатуры в React?

Есть компонент input'а. К нему прикручена маска react-input-mask. Нужно чтобы при загрузке страницы поле ввода было с фокусом и показана клавиатура(в данном случае цифровая).
Компоненту задаю реф внутри самого компонента ( вариант для фокуса нашел с findDOMNode, обычный реф не отрабатывает - this.inputRef выдает null)
<InputMask
     ref={ref => this.inputRef = findDOMNode(ref)}
/>


На ComponentDidMount компонента вешаю
componentDidMount() {
      this.inputRef.focus();
  }

И оно работает на десктопе. А в телефоне как-то странно. При переходе на страницу - фокуса нет. Но если ткнуть в поле и перезагрузить страницу, то фокус остается. Но клавиатура в любом случае не показывается.
  • Вопрос задан
  • 396 просмотров
Подписаться 1 Простой 2 комментария
Помогут разобраться в теме Все курсы
  • Нетология
    Веб-разработчик с нуля: профессия с выбором специализации
    14 месяцев
    Далее
  • Академия Эдюсон
    Fullstack-разработчик на JavaScript + ИИ
    11 месяцев
    Далее
  • ProductStar × РБК
    Профессия: Инженер по тестированию + ИИ
    6 месяцев
    Далее
Пригласить эксперта
Ваш ответ на вопрос

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

Похожие вопросы