Weird behaviour in Android browser when selecting fields

Question

The Android Webkit browser (tested on 2.2, 2.3, and 3.0) seems to behave in weird ways when modal elements are put one above the other. In this example here

enter image description here

... I'm displaying a jQuery UI date picker with z-index 200, a gray overlay div spanning the whole document height and width with z-index 199 and behind all that is the regular form.

In the example above, I have clicked on the dropdown control for the year where it says 2011. Instead of selecting that dropdown, the focus went on the textarea element way below the gray overlay.

NOTE: This doesn't happen with a desktop Firefox browser, or with the iPhone Webkit browser.

Any idea what's wrong?? Or how to work around this issue? I want to avoid modifying the form (e.g. disabling all elements, while the overlay displays)...

Lukas is correct with issue 6721, however Johan is incorrect that it is fixed as it is still open and occurring in 4.3 and is probably one of the many reasons why they changed to Chrome as the webview in 4.4 (sorry, I don't have enough rep to comment and can only answer) — PaulnOZ
– PaulnOZ, Commented Mar 20, 2014 at 10:05

Lukas Eder · Accepted Answer · 2012-03-01 13:13:07Z

7

It seems that this is actually a known issue in Android. It's supposed to be fixed, but I can't confirm that. In any case, starring this issue would be nice, thanks!

edited Mar 1, 2012 at 13:13

answered Aug 8, 2011 at 9:19

Lukas Eder

223k138 gold badges731 silver badges1.6k bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Johan Kronberg Over a year ago

It's fixed in Ice Cream Sandwich (4.0).

Collectives™ on Stack Overflow

Weird behaviour in Android browser when selecting fields

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related