Невозможно изменить тип ввода = "текст" или текстовое поле с помощью Cordova 1.9.0 и Android Jelly Bean

Я только что получил свой блестящий новый Nexus 7 и играл с Кордовой (Phonegap). Я создал простую страницу с несколькими текстовыми полями ввода и текстовой областью. На моем iPhone я могу щелкнуть текстовые поля, и клавиатура подходит, и я могу редактировать текст. На моем Nexus 7 работает 4.1.1 Jelly Bean с Cordova 1.9.0, клавиатура появляется, но когда вы вводите ничего, появляется в текстовом поле или в текстовой области.

Я уверен, что мой код в порядке, поскольку он работает на iPhone и Android 2.3.5, но вот этот фрагмент на всякий случай:

  <body onload="onBodyLoad()">
  <div data-role="page" id="mainpage"> 
      <div data-role="header" data-theme="a"> 
          <h2>Lightweight</h2>
      </div>

      <div data-role="content">
        <div>
          <a href="#" data-role="button" data-icon="check" data-iconpos="bottom" data-theme="b" onClick=onClickInterrogate()>Interrogate</a>
        </div>

          <div align="center">
              <a href="#" data-role="button" data-inline="true" data-icon="forward" data-theme="b" onClick=downloadFile()>Send</a>
              <a href="#" data-role="button" data-inline="true" data-icon="gear" data-iconpos="right" data-theme="b" onClick=onClickSettings()>Settings</a>
          </div>

          <div align="center">
              <label for="serverUrl">Server URL:</label>
              <input type="text" name="name" id="serverUrl" value="urlGoesHere"/>
              <label for="zipFile">Zip File:</label>
              <input type="text" name="name" id="zipFile" value="tran1.zip"/>
          </div>
            <div data-role="fieldcontain">
                <label for="textarea">Textarea:</label>
                <textarea name="textarea" id="textarea">urlGoesHere</textarea>
            </div>
    </div>
      <div data-role="footer"> 
          <h1> &copy; 2012 Company Name </h1>
      </div>
  </div>

Я просто попробовал это на Android 2.3.5, и он отлично работает. Кто-нибудь испытал нечто подобное?

Ответы

Ответ 1

Проблема сохраняется и в версии 2.1.0.

Вот как я исправился.

Удалите следующее правило CSS, и вы можете легко входить в входные элементы.

-webkit-user-select: none;

Ответ 2

Телефонная книга только что выпущена 2.0. Он исправил проблему с помощью клавиатуры.

Ответ 3

Я тоже должен использовать свое приложение в браузере, и есть та же проблема. Возможно это исправить только на textarea:

*{
    -webkit-touch-callout: none;
    -webkit-user-select: none; 
}
textarea
{
    -webkit-user-select: auto !important;
}

он также работает с jQuery mobile.

Ответ 4

-webkit-user-select: none; это сделало трюк для меня. Я был полностью потерян за пару часов, пытаясь варьировать параметры входного поля, ничего больше не работало. (phonegap 2.5.0/android 4.1.1)