Клавиатура Android не отображается с помощью jQuery Mobile (ASP.NET MVC)

Question

Я использую jQuery Mobile для создания мобильного сайта ASP.NET MVC

У меня возникают проблемы с отслеживанием случаев, когда программная клавиатура не отображается после нажатия внутри элемента ввода в форме.Эта проблема периодически, но возникает часто.

Рендеринг HTML выглядит следующим образом (это взято из Chrome - не браузер Android)

 <div data-role="content" data-theme="a">

<form action="/Enrollment/Mobile/Enroll/MyForm" method="post">            
   <div data-role="fieldcontain">

                All fields are required.

            </div>

            <div data-role="fieldcontain">

                <label for="FirstName">First Name</label>

                <input class="text-box single-line" data-val="true" data-val-required="The First Name field is required." id="FirstName" name="FirstName" type="text" value="" />

                <span class="field-validation-valid" data-valmsg-for="FirstName" data-valmsg-replace="false"> </span>

            </div>

            <div data-role="fieldcontain">

                <label for="LastName">Last Name</label>

                <input class="text-box single-line" data-val="true" data-val-required="The Last Name field is required." id="LastName" name="LastName" type="text" value="" />

                <span class="field-validation-valid" data-valmsg-for="LastName" data-valmsg-replace="false"> </span>

            </div>
<div>

Это работает в стандартных веб-браузерах,Эмулятор Android 2.3.3 и устройства iOS.Периодически происходит сбой на устройствах с Android 2.3.3 (до сих пор тестировались только устройства Android).

Есть какие-нибудь подсказки о том, что может быть причиной этого?

Answer 1

Это было вызвано ошибочным div на внешней стороне страницы. Унаследованный мной код содержал внешние элементы jQuery Mobile, вложенные в div. Не делай этого. Этот код работал в большинстве случаев, но не на телефонах Android.