Jquery mobile-专注于面板中表单中的文本输入会导致在chrome for android中滚动到表单顶部

我正在使用jquery mobile，这样一个div就会在我应用程序左侧的覆盖面板中打开。div包含一个表单

在chrome for android（LG V10和Oneplus 1）上，当我向下滚动到较低的文本输入并关注它们时，窗口会滚动到文档顶部，因此我看不到活动的输入。我怎样才能解决这个问题，使专注于输入不会强制滚动到顶部？我正在使用jquery.mobile-1.4.2和jquery-1.9.1

表单如下所示：

<div data-role="panel" id="form_div" data-display="push">

    <form action="thank_you.php" id="form" class="ui-mini">     
        <label for="firstname">First Name</label>
        <input required name="firstname" class="ui-input-text ui-body-c ui-corner-all ui-shadow-inset ui-mini">

        <label for="lastname">Last Name</label>
        <input required name="lastname" class="ui-input-text ui-body-c ui-corner-all ui-shadow-inset ui-mini">

        <label for="email">Email Address</label>
        <input required name="email" type="email" class="ui-input-text ui-body-c ui-corner-all ui-shadow-inset ui-mini">

        <label class="phone" >Phone Number</label>
        <input name="phone" type="tel" required pattern="(?:\(\d{3}\)|\d{3})[- ]?\d{3}[- ]?\d{4}">

        <input name="" type="submit" value="click to submit">
    </form>

</div>

名字
姓
电子邮件地址
电话号码