<select> box not displaying on Android in PhoneGap

Posted by Steve Nay on Stack Overflow See other posts from Stack Overflow or by Steve Nay
Published on 2010-12-23T23:45:56Z Indexed on 2010/12/23 23:54 UTC
Read the original article Hit count: 129

Filed under:
|
|

I have some HTML code in a PhoneGap application that displays a <select> box to the user. When I tap on it, the usual Android selection screen doesn't pop up. I had a similar problem with this earlier on webOS (although at that time the drop-downs were working properly).

The <select> is inside a <div> that gets hidden or shown at certain times during execution:

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

The problem only occurs when the <div> has been hidden and then shown again (either directly through CSS or by using jQuery's hide() and show() methods. If I move the <select> box outside of that <div>, or if I make the <div> always visible, then the drop-down behaves as it should; no problems.

Why is this?

© Stack Overflow or respective owner

Related posts about android

Related posts about html