Closed sjosen closed 8 years ago
<div data-role="page" id="user">
<div data-role="header">
<h1><img src="res/logo_short_50x50.png" class="logo"></h1>
<div class="openPanel dashicons dashicons-menu"></div>
</div>
<div role="main" class="ui-content">
<div class="page-content">
<select name="test">
<option value="1">1</option>
<option value="2">2</option>
</select>
</div>
</div>
</div>
I tested http://jsbin.com/totadu on Android 5.0.1 / Chrome 42 on a Nexus 5 and don't see any issue.
@sjosen - Why do you say "I realize this is an old issue"? Are you not using latest version of jQuery Mobile? That JS Bin is using jQuery Mobile latest code, can you reproduce the issue on your device with that test page?
Hi, Thanks for commenting. First let me apologize for not providing more details about my problem. Your jsbin works fine in my Android browser. I'm in no way Android expert, but my problem is when wrapping it up to an app with Cordova/Phonegap. Perhaps the Android OS uses a slightly different browser for the webview. I'll try to wrap your example up in a test app and get back to you on that.
My reason for claiming this to be an old issue is for all the googling I did to find a solution. The problem was mentioned several times so I figured others had the issue. Some fix it by disabling the native menu and others are changing z-index. It looks to me like jqm places an element on top of the original select. If I move the underlying element - lets say 50px to the right - I'm now able to click on that and open the menu. Somehow the jqm generated element is not clickable. Am I making any sense :)
http://stackoverflow.com/questions/11941062/jquery-mobile-phonegap-select-menu-wont-open-on-android
and here https://github.com/jquery/jquery-mobile/issues/6992
Btw I use jqm 1.4.5
Thx
@sjosen
Thanks for explaining. I understand the problem that you're describing, but I still can't reproduce. I now tested the same JS Bin test page in Webview instead of the Chrome browser on Android 5.01. Maybe this only happens when used with PhoneGap, but looking at #6992 I see that @ldeluca already tested this with PG but also wasn't able to reproduce. Weird.
@jaspermdegroot i also tested the code on cordova/phonegap but couldn't reproduce the issue. And i tested it on android 5.0.1 in emulator.
I'm not sure if you are facing similar issue but I just wanted to give it a shot.
While trying to show select dropdown in a popup. Select dropdown was visible but it was not responsing to click events. The page height was less than what the popup was covering. After adding min-height to body tag, "select" was functional again. Below is some css that I'm using.
body{ min-height:300px; }
.popup-wrapper{ position:absolute; top:40%; }
Hope this helps.
Closing as not able to reproduce. Kindly provide a strong demo to illustrate the bug. Thanks.
Hello,
I realize this is an old issue. My select menu is working like a charm on iOS and on my Samsung Galaxy running Android 4.2.2 On my HTC One with Android 5.0.2 however the native selectmenu won't open unless I hit it a few px on the left or on the right of the select. If I aim at the border it works 98% of the times.
I tried stripping out almost all other code and is testing with following
Any words on how I could get this to work? Thx