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

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

<select> находится внутри <div> это скрывается или показывается в определенные моменты во время выполнения:

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

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

Почему это?

Источник

3 ответа

Решение

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

Под "телом"

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

Под "тело> * "

/*-webkit-backface-visibility: hidden;*/
/*-webkit-transform: translate3d(0,0,0) rotate(0) scale(1);*/
Источник

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

Источник

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

Источник
Другие вопросы по тегам