Блог

У меня есть скрытый ввод и onClick на родительском div, который фокусирует ввод в React с помощью useRef.

 <div onClick={handleFocusInput} className='container-five-term'>

 

                 <input
                    ref={inputEl}
                    type="text"
                    // autoFocus={true}
                    // // onBlur={({ target }) => target.focus()}
                    className="input"
                    value={userInput}
                    onChange={handleOnChange}
                    id="input-user"
                    autocomplete="off"
                />
 

     const handleFocusInput = () => {
        inputEl.current.focus()
    }
 

ввод остается сфокусированным на рабочем столе, что здорово, но на мобильном устройстве каждый раз, когда я касаюсь клавиши, значение регистрируется, но ввод расфокусируется, и мне приходится повторно касаться экрана, чтобы снова сфокусировать его, чтобы я мог ввести больше значений. Есть ли способ предотвратить эту функциональность и сосредоточить ввод на мобильных устройствах? Спасибо.