Closed ghost closed 10 years ago
Thanks for your contribution and nice to hear you like our work. Please post some real work examples if possible: https://github.com/fnagel/jquery-ui/issues#issue/60
This should be fixed soon, but is hard to test and fix. I will test asap on my Android phone. Some idea how to fix this problems or to force phones to use the original select?
Test Link:
http://jquery-ui.googlecode.com/svn/branches/labs/selectmenu/index.html
Click on the second demo labeled: Default: "popup" Style with maxHeight set. On my Android device, the scroll bar does not show up. No big deal in this example, since all the options are visible, but with a longer select list, there is no way to scroll to see the rest of the options.
Ideas on how to get around this:
At Google, I see the following "links" across the top: Web, Images, Places, News, more
Click on "more" - a long list of options will appear.
I would love it for selectmenu to somehow detect (based on browser) if it needs to display the entire list - OR perhaps just give me the option to ALWAYS display the ENTIRE list.
Please do not use the demos at google svn because the are outdated -- more than a year outdated! Use this one: http://jsfiddle.net/fnagel/hsn95/32/embedded/result/
Afaik jQuery.support does not support mobile devices yet, but there is jquery mobile. It should contain JS function for that.
I would like the normal selectmenu button, but if you click on it the normal selectmenu is activated, which shows a OS dialog (at least in Android). This way accessibility and usability should be perfect. What do you think?
I agree: ideal situation is to keep the selectmenu button, but clicking on it shows the Android-type select list. Can you figure out how to make that happen?
If not... or if not quickly... I'd like an option to force the entire select list to display, without a scrollbar, even if it's a long list. At least then I know that it will work.
Short term solution - since me creating a mobile version of my web application is not an option right now:
if ( !( navigator.userAgent.match(/Android/i) ) ) { $(".jqDDB").selectmenu({ transferClasses: true, style: "dropdown", width: 145 }); }
http://stackoverflow.com/questions/3514784/best-way-to-detect-handheld-device-in-jquery
I would like to cover all mobile devices: Android, iPhone, BB, Win and others
@sirMixAlot Thanks for you link!
if( navigator.userAgent.match(/Android/i) || navigator.userAgent.match(/webOS/i) || navigator.userAgent.match(/iPhone/i) || navigator.userAgent.match(/iPod/i) ){ // some code }
Needs further investigation but comes for sure in next version. I would need somebody to test in BB and Win phones!
Changed to v1.4 as Im not able to allocate time for testing this. Any help is appreciated.
I use a method like this for iOS detection if its of any help
function isiOS() {
return ((navigator.platform.indexOf("iPhone") != -1) ||
(navigator.platform.indexOf("iPod") != -1) ||
(navigator.platform.indexOf("iPad") != -1));
}
if (isiOS() == false) {
$('select').selectmenu();
}
Ahh ok, so you do not init Selectmenu when iOS is involved, just like teh snippet above for Android.
I would prefer a solution which shows the styled button but uses the native select menu instead of the generated menu list.
Anyway, thanks for your contribution.
Ive tested a little and have no idea how to open a native select dialog by Java-Script. I found some sources arguing its not possible, like: http://stackoverflow.com/questions/6097240/javascript-on-ios-opening-an-html-select-element
Any ideas?
My current thought would be to implement a option with a callback. A boolean return configures if the selectmenu widget is created.
Any feedback on this issue?
Ok, this seems possible. See http://jquerymobile.com/demos/1.1.1/docs/forms/selects/
This won't happen for this legacy branch. Closed.
Great plug-in! I appreciate all the hard work that you, and the Filament Group before you, have put into this.
I'm using selectmenu on a web site, and in addition to testing across several different browsers, I decided to test on my Motorola Droid X smart-phone. The select list opens when I click on it, but the scroll bars are missing: there is no way to scroll the list.
Should selectmenu be limited to "standard" browsers on "standard" computing devices, or can you think of a solution for mobile devices? thank you...