Поле <select>не отображается на Android в PhoneGap

Question

У меня есть некоторый HTML-код в приложении PhoneGap, который отображает для пользователя поле <select>.Когда я нажимаю на него, обычный экран выбора Android не появляется.У меня была похожая проблема с этим ранее на webOS (хотя в то время раскрывающиеся списки работали правильно).

<select> находится внутри <div>, который скрыт иливо время выполнения отображается в определенное время:

<div id="submit">
  <ul class="rounded">
    <li><select id="item"></select></li>
  </ul>
</div>

Проблема возникает только тогда, когда <div> был скрыт и затем снова показан (либо напрямую через CSS, либо с помощью методов jQuery hide() и show().Если я переместу поле <select> за пределы этого <div>, или если я сделаю <div> всегда видимым, то раскрывающийся список будет работать как надо, без проблем.

Почему это так?

Answer 1

В этом случае проблема была решена с помощью jQTouch.Чтобы это исправить, просто закомментируйте эти 4 строки в jqtouch.css

Под "body"

  /*-webkit-perspective: 800;*/
  /*-webkit-transform-style: preserve-3d;*/ 

Под "body> *"

/*-webkit-backface-visibility: hidden;*/
/*-webkit-transform: translate3d(0,0,0) rotate(0) scale(1);*/

Answer 2

У меня была такая же проблема на андроид-приложении, которое построено на iScroll + Phonegap.Не используйте iScroll

Answer 3

Я думаю, что вы столкнулись с этой проблемой: http://code.google.com/p/android/issues/detail?id=10280