Открытие мобильной клавиатуры по нажатию кнопки

Question

На моей веб-странице в шапке есть кнопка «Зарегистрироваться сейчас». При нажатии на эту кнопку пользователь будет прокручиваться вниз страницы и в идеале сосредоточится на вводе поля формы и откроет программную клавиатуру на мобильных устройствах.

В настоящее время я выполняю .focus и .click состояние элемента после завершения функции плавной прокрутки. При применении этих двух состояний клавиатура не открывается должным образом.

    componentDidMount = () => {
        Events.scrollEvent.register('end', function(to, element) {
            if(element.id === 'request-demo'){

                var inputFocus = document.getElementById('name');

                inputFocus.focus(console.log("focused"));   
                inputFocus.click(console.log("clicked"));
            }
        Events.scrollEvent.remove('end');
        });
    }

Эта функция открывает клавиатуру на устройствах Android, но не IOS.

. Я избегаю jQuery для этого проекта, поэтому ванильные решения предпочтительнее

Answer 1

IOS не позволит разработчикам имитировать пользовательские вводы в scrollEvent реагировать на прокрутку. Удалив фокус и состояния щелчков в конце события прокрутки, мы смогли решить эту проблему

Наша текущая интерпретация заключается в том, что IOS блокирует разработчиков от симуляции пользовательских входных данных в функциях событий, однако в дальнейшем понимание все равно будет высоко ценится