jQuery Mobile - значение ввода Android

У меня возникла странная проблема с jQuery Mobile (извините за мой английский)

(проверено с Samsung Galaxy S2 - Браузер по умолчанию. На моем Nexus 4 все в порядке (Chrome по умолчанию))

У меня есть форма с некоторыми полями ввода. все они имеют фиксированное значение. (скрин 1)

Скриншот 1:

http://i.stack.imgur.com/jIytg.png

Код:

<input type="tel" name="format-breite" id="format-breite" class="chfunc" value="Breite in mm: ">
<input type="tel" name="format-hoehe" id="format-hoehe" class="chfunc" value="Höhe in mm: ">

Когда вы щелкаете по входу, значение становится белым (вы его больше не видите), а курсор находится не в правильном положении. Но вы можете видеть текст, который вы вводите с помощью клавиатуры (экран 2 и 3).

Скриншот 2:

http://i.stack.imgur.com/XHH5j.png

Скриншот 3:

http://i.stack.imgur.com/8MC2H.png

Затем, когда вы выходите из ввода, все снова здесь, но текст, который вы набрали, находится не в нужном месте. (скрин 4)

Скриншот 4:

http://i.stack.imgur.com/37txp.png

Я получаю эту проблему только с jQuery Mobile. На другом сайте нет проблем с входными значениями.

Какие-либо предложения?


android jquery jquery-mobile android-browser
person gn90at    schedule 13.01.2013    source источник

Ответы (1)


arrow_upward
0
arrow_downward

Я протестировал этот код в jsbin и стек браузера. Насколько я могу судить, Samsung S2 не полностью поддерживает HTML5 для тега/атрибута input type="tel". Вот тестовая страница, которую я использовал: http://jsbin.com/eweqeq/1/edit.

Если я изменил его на input type="text", я получу поведение, которое вы ищете в симуляторе.

Судя по этому отчету http://www.quirksmode.org/html5/inputs_mobile.html Я бы классифицировал это как проблему устройства и HTML5, а затем проблему jQuery Mobile. Я получаю такое же поведение без библиотеки jQuery Mobile, добавленной на страницу здесь: http://jsbin.com/awagos/1/edit

person RedWolves    schedule 13.01.2013