когда я выбираю любой ввод, он возвращается наверх на мобильном устройстве

Question

когда я выбираю любой ввод, он скользит обратно наверх на мобильном устройстве, и все в порядке на рабочем столе

            <div class="footer">
                    <h3 class="footer-title"> Become a TN Subscriber</h3>
                    <p>For getting more updates on True Nature events and activities, Please subscribe</p>

                    <div class="alert alert-info alert-dismissible" id="json">
                    </div>
                    <i class="fa fa-spinner fa-spin processing"></i>

                    <form class="footer-newsletter" action="subscribe.php" method="post" id="subscribe">

                        <input style="margin-bottom: 10px;" class="input" onkeypress="return /[a-zA-Z ]/i.test(event.key)" placeholder="Enter your Name" type="text" required name="name">


                        <input class="input" type="text" pattern="[^@\s]+@[^@\s]+\.([^@\s]{2,})+"
                             placeholder="Enter your Email" name="email" required>

                        <button class="primary-button" type="submit">Subscribe to True Nature</button>

                    </form>
                </div>