Клавиатура, создающая скачок экрана в мобильном браузере

Question

Я использую Bootstrap 4 и это классы vh-100, чтобы заполнить весь экран на мобильном телефоне, однако я столкнулся с проблемой, которая, кажется, изолирована для устройства Android. Я протестировал его на iOS, и он ведет себя, как и ожидалось.

При входе на вход экран прыгает вверх. Но затем, заканчивая ввод, экран затем снова поднимается в пустое пространство.

Лучший способ показать это через видео Я не уверен, что делать. Я пробовал несколько JS Исправлений, таких как:

(function ($)
{
    var shouldScroll = false;
    $(document).on('focus', 'input', function ()
    {
        if (shouldScroll)
        {
            this.scrollIntoView(false);
            shouldScroll = false;
        }
    });
    $(document).on('keydown', 'input', function (e)
    {
        if (e.keyCode == 9) shouldScroll = true;
    });
})(jQuery);