jQuery Forum

Inside my PhoneGap / jQuery Mobile 1.1.1 application, I am using the following HTML to create a select menu:

<div data-role="fieldcontain">
<select id="tasksMenuSelect" translate="yes" data-native-menu="true" data-mini="true" data-theme="c">
</select>
</div>

On the Motorola Xyboard running Android 4.0.4 / Browser 4.0.4-51, the native select menu displays properly when it is tapped.  On the Samsung Galaxy Tab SPH-P500 running Android 4.0.4 / Browser 4.0.4-P500VPALI6, tapping on the select displays nothing.

When I remove the data-mini="true" attribute above, the select menu works on the Samsung Galaxy Tab.

I am guessing that the customized browser running on the Samsung is contributing to this problem.  Has anyone else run into this behavior?

I am seeing inconsistent behavior when using <input type="number"> inside my Phonegap JQuery Mobile app.  On Android Ice Cream Sandwich, a simple page that includes <input type="number"> properly displays the Android numeric keyboard when the input element gets the focus.  On more complicated pages, <input type="number"> displays the default Android keyboard and not the numeric keyboard,

Inside my PhoneGap Android application, I am using jQuery 1.7.1 and jQuery Mobile 1.1 RC1.  According to the jQuery 1.7.2 release notes, 1.7.2 should be used with Mobile 1.1.  So, I changed my app to use 1.7.2.  After I did this, I got the following error inside the console log and my PhoneGap app hung.

03-22 10:12:59.810: E/Web Console(3036): Uncaught Error: Syntax error, unrecognized expression: :nth-child at file:///android_asset/www/jquery-1.7.2.min.js:3

I tried rearranging the order of my .js files but that had no effect.  Is 1.7.2 truly compatible with Mobile 1.1?