Issue 263 in iui: Dropdown not working in the Android browser

281 views
Skip to first unread message

i...@googlecode.com

unread,
Jul 23, 2010, 4:56:04 AM7/23/10
to iui-i...@googlegroups.com
Status: New
Owner: ----

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...@googlecode.com

unread,
Sep 28, 2010, 6:51:26 PM9/28/10
to iui-i...@googlegroups.com

Comment #1 on issue 263 by kurt.rob...@krglobaldev.com: Dropdown not

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.

i...@googlecode.com

unread,
Sep 28, 2010, 7:07:59 PM9/28/10
to iui-i...@googlegroups.com

Comment #2 on issue 263 by patrick....@gmail.com: Dropdown not working in

To be honest as I didn't investigate this issue further after reporting it
as I did not continue devlopment using IUI

i...@googlecode.com

unread,
Nov 25, 2010, 10:10:50 AM11/25/10
to iui-i...@googlegroups.com

Comment #3 on issue 263 by magnatune: Dropdown not working in the Android
browser
http://code.google.com/p/iui/issues/detail?id=263

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...@googlecode.com

unread,
Dec 8, 2010, 1:13:42 AM12/8/10
to iui-i...@googlegroups.com

Comment #4 on issue 263 by sweetciennie: Dropdown not working in the
Android browser
http://code.google.com/p/iui/issues/detail?id=263

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...@googlecode.com

unread,
Jul 19, 2011, 5:38:27 AM7/19/11
to iui-i...@googlegroups.com

Comment #5 on issue 263 by kastenmi...@googlemail.com: Dropdown not working
Hi,

I have a similar problem:

I created a mobile version of a website with a Joomla! - Plugin called
Joomla Mobile.

All the select elements(DropDown-Menus) work fine in the desktop version of
the site, but in the mobile version they just don´t work (HTC Evo, Android
2.3.3). They just do nothing. The select elements I use in the Desktop
version are exactly the same (same php-script that produces them) as in the
mobile version.

- I checked my CSS, i do NOT use the opacity property.

- In the android emulators, everything works. On the phone it just doesn´t
work.

I don´t know what more to try, any suggestions?

i...@googlecode.com

unread,
Jul 26, 2011, 3:12:40 AM7/26/11
to iui-i...@googlegroups.com

Comment #6 on issue 263 by chakrira...@gmail.com: Dropdown not working in
Hi I am also facing the same issue(All the select elements(DropDown-Menus)
work fine in the desktop version of the site and in iphone, but in the
mobile version they just don´t work (HTC Evo, Android). can anybody help me
out ?

i...@googlecode.com

unread,
Jan 27, 2012, 3:17:29 AM1/27/12
to iui-i...@googlegroups.com

Comment #7 on issue 263 by vinoma...@gmail.com: Dropdown not working in the
Android browser
http://code.google.com/p/iui/issues/detail?id=263

I'm getting the same behaviour - select drop down boxes do not drop down
with an Android mobile browser

i...@googlecode.com

unread,
Jan 27, 2012, 3:22:35 AM1/27/12
to iui-i...@googlegroups.com
Updates:
Owner: remi.grumeau

Comment #8 on issue 263 by msgilli...@gmail.com: Dropdown not working in

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/


i...@googlecode.com

unread,
Jan 27, 2012, 6:19:03 AM1/27/12
to iui-i...@googlegroups.com

Comment #9 on issue 263 by vinoma...@gmail.com: Dropdown not working in the
Android browser
http://code.google.com/p/iui/issues/detail?id=263

Thanks - seems to work using the Android SDK emulator. Will have to try
again Monday using an actual device.

i...@googlecode.com

unread,
Jan 27, 2012, 9:14:00 AM1/27/12
to iui-i...@googlegroups.com

Comment #10 on issue 263 by remi.grumeau: Dropdown not working in the
Android browser
http://code.google.com/p/iui/issues/detail?id=263

Could someone please test this URL on a real device?
http://goo.gl/EajkV

Thx

i...@googlecode.com

unread,
Feb 5, 2012, 6:01:25 AM2/5/12
to iui-i...@googlegroups.com

Comment #11 on issue 263 by vinoma...@gmail.com: Dropdown not working in

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)

i...@googlecode.com

unread,
Feb 5, 2012, 5:59:45 PM2/5/12
to iui-i...@googlegroups.com

Comment #12 on issue 263 by vinoma...@gmail.com: Dropdown not working in

Tested this morning
Works as it should in the fieldset, but NOT in a panel or a div

i...@googlecode.com

unread,
Feb 6, 2012, 7:21:19 AM2/6/12
to iui-i...@googlegroups.com

Comment #13 on issue 263 by remi.grumeau: Dropdown not working in the
Android browser
http://code.google.com/p/iui/issues/detail?id=263

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 :)

i...@googlecode.com

unread,
Feb 7, 2012, 4:10:22 AM2/7/12
to iui-i...@googlegroups.com

Comment #14 on issue 263 by denisndw...@gmail.com: Dropdown not working in

yeah this is working

i...@googlecode.com

unread,
Feb 7, 2012, 7:14:49 AM2/7/12
to iui-i...@googlegroups.com

Comment #15 on issue 263 by denisndw...@gmail.com: Dropdown not working in

so how can we get this code

i...@googlecode.com

unread,
May 15, 2012, 12:47:36 PM5/15/12
to iui-i...@googlegroups.com

Comment #16 on issue 263 by kurt.rob...@gmail.com: Dropdown not working in
Can anyone explain what fixed this problem? I am using an ANCIENT
modified version of IUI and this is a major issue for me. What changes can
I apply to my old IUI to resolve it? (I so hope there is a simple
answer...).

If anyone would like to see the app, its at x-snightlife.com. just choose
an event and hit the RSVP button. the number of guests dropdown does not
open on Droid.
Thanks!
Kurt


i...@googlecode.com

unread,
Jun 23, 2012, 10:38:03 PM6/23/12
to iui-i...@googlegroups.com

Comment #17 on issue 263 by kurt.rob...@gmail.com: Dropdown not working in
EUREKA! I found a solution that works in my old IUI Version 0.40-dev2.
it seems that if the select element is inside of an element with .data
class like td.data, then an iui css rule which assigns position:
relative applies and that seems to make the select element pop up
normally. I actually tried to assign position: relative; directly to the
select element but it did not fix the problem so I'm not sure what is
really causing the change but this solution is good enough for me till I
upgrade

i...@googlecode.com

unread,
Jun 27, 2012, 6:06:41 PM6/27/12
to iui-i...@googlegroups.com
Updates:
Status: Started

Comment #18 on issue 263 by msgilli...@gmail.com: Dropdown not working in
Is there still an issue in 0.4-beta3 or should I close this bug?


Reply all
Reply to author
Forward
0 new messages