New issue 263 by patrick.oreilly: Dropdown not working in the Android
browser
http://code.google.com/p/iui/issues/detail?id=263
What steps will reproduce the problem?
1. Navigate to the Music demo
2. Click on theme switcher
3. Attempt to open the dropdown
What is the expected output? What do you see instead?
I expect the dropdown to open and be able to select the Android theme.
Instead it does not respond when touched and does not appear to be
navigatable with the trackball.
What version of the product are you using? On what operating system?
IUI - Most recent version a.k.a. demo version
Android 2.1 (observered under Android 1.5 also)
Please provide any additional information below.
I am experiencing the same. just upgraded DroidX motorola phone to latest
OS version 2.3.15... select elements on non iUi pages working ok. not
working in my app nor on music demo theme switcher.
To be honest as I didn't investigate this issue further after reporting it
as I did not continue devlopment using IUI
I'm also seeing this bug. Drop downs (ie <SELECT>) work fine in every
browser except Android 1.6 or 2.x. I'm attaching a screen shot showing
this.
Problem is likely CSS, as dropdowns do work on other sites in Android.
Also, problem persists even when including just the iui.css and not using
the javascript code at all.
This is the only major bug I experienced with IUI and Android. I have a
bunch of small visual tweaks and small bug fixes I had to make to get it
working perfectly. I'll be posting an issue entry on that, and my own
patches.
-john
Attachments:
dropdownandroid.gif 132 KB
I am seeing same issue.
"Dropdown does not work on mobile device running android 1.6 or 2.X"
However it worked on a device running android 1.5
I have checked CSS and found 'opacity' property which specifies the
transparency of an element on my web page is the cause of disabled dropdown
on android phone. When i remove 'opacity' from my CSS, the dropdown works
fine on all android devices.
However, on my website, there are a couple of other pages which
has 'Opacity' property in CSS and a drop down works fine. I doubt
the 'location' of the drop down on my all pages.
Here is what i did for a test case:
1: Create Dropdowns at design-time and run-time with CSS having opacity
property.
- Result: 3/4 drop downs do not work
2: Change position of the dropdown ( Create a <Table> and move the
dropdowns a little upper or lower side.
- Result: 2/4 dropdown work.
3: Remove 'Opacity' property from my CSS.
- Result: 4/4 dropdowns work fine
At this time, it seems ,
"Eventhough android default browser and Dolphin HD browser
supports 'Opacity' property in CSS, it creates issue for Dropdown when the
Dropdown is placed at some specific location on the web page.
This behavior could be because, android browser creates effect similar to
modal-pop when dropdown is clicked. The popup panel is transperent at
border area showing rest of the browser contents. The browser itself
uses 'opacity' which might be conflicting with web page opacity and
dropdown click event handler"
Anyone having similar issue, please spread some light.!
Thank you,
Cinni
I'm getting the same behaviour - select drop down boxes do not drop down
with an Android mobile browser
Comment #8 on issue 263 by msgilli...@gmail.com: Dropdown not working in
the Android browser
http://code.google.com/p/iui/issues/detail?id=263
Could you try it with the latest release 0.40-beta2? It's on the downloads
page:
http://code.google.com/p/iui/downloads/list
and also running on GAE here:
http://demo.iui-js.org/
Thanks - seems to work using the Android SDK emulator. Will have to try
again Monday using an actual device.
Could someone please test this URL on a real device?
http://goo.gl/EajkV
Thx
Tested it - on the Android SDK it worked, on a real Android device the
select box was still inactive (yes, with the Beta 2 release)
Tested this morning
Works as it should in the fieldset, but NOT in a panel or a div
Well, the good news is: it doesn't work neither here using emulator with
Android 2.2. Good news since it helps to find a solution.
Could you please confirm what i see here on your real device, that using
0.5 alpha1 it all works?
http://we-are-gurus.com/labs/iui/issues/263/?v=0.5a1
Then i'll look at what i did solve in this new code :)
yeah this is working
so how can we get this code