Select Boxes selected when footer button clicked Andriod 2.2/2.3

[harvo]

We have the latest JQM, Jquery. We have a settings page with 6 select boxes on and a fixed footer with 4 buttons.

If you scroll so that 1 of the select boxes is underneath the footer and then select a button, instead of the default behavior of going to the href contained within the footer button, our Galaxy Tab and Galaxy S2 (Android 2.2 - Froyo/GingerBread) open the native select box options. This is not happening in Chrome on the desktop or any apple device.

I have a good go at messing with the z-index of the footer to make it on top (it is visually) etc but nothing is working.

[toddparker]

Can you post a test page using latest? Template: http://jsbin.com/omuqas/edit

[harvo]

Hi Todd,

I have done that , I think, there is a test page in the jsbin now.

[harvo]

Closed by mistake.

[toddparker]

@harvo - you need to hit the "Save" button in JSbin, then copy the URL to the page and paste here.

[toddparker]

Guessing it's this:
http://jsbin.com/omuqas/8/
http://jsbin.com/omuqas/8/edit

In this it?

[harvo]

Yes or now it's http://jsbin.com/omuqas/12/edit due to my over enthusiastic button pressing, thanks.

[harvo]

It is, thanks Todd.

harvey.smith@ctrack.co.uk * www.ctrack.co.uk

-----Original Message-----
From: Todd Parker [mailto:reply@reply.github.com]
Sent: 26 April 2012 15:06
To: Harvey Smith
Subject: Re: [jquery-mobile] Select Boxes selected when footer button clicked Andriod 2.2/2.3 (#4204)

Guessing it's this:
http://jsbin.com/omuqas/8/
http://jsbin.com/omuqas/8/edit

In this it?

---

Reply to this email directly or view it on GitHub:
#4204 (comment)

---

Privileged/Confidential Information may be contained in this
message. If you are not the addressee indicated in this
message (or responsible for delivery of the message to such
person), you must not copy, distribute or take any action in
reliance to it.
In such case, you should destroy this message and kindly
notify the sender by reply email. Please advise immediately
if you or your employer do not consent to Internet email for
messages of this kind. Opinions, conclusions and other
information in this message that do not relate to the official
business of Ctrack Limited shall be understood as
neither given nor endorsed by it.

Ctrack Limited, Registration no: 04643588
Park House, Headingley Office Park, 8 Victoria Rd, Leeds, LS6 1LG
VAT #: 808888965

[harvo]

Hi Todd,

Did anyone get a chance to test this issue out? I can see the same problem for another user4 on Github.

Harvey

harvey.smith@ctrack.co.uk * www.ctrack.co.uk

-----Original Message-----
From: Todd Parker [mailto:reply@reply.github.com]
Sent: 26 April 2012 15:04
To: Harvey Smith
Subject: Re: [jquery-mobile] Select Boxes selected when footer button clicked Andriod 2.2/2.3 (#4204)

@harvo - you need to hit the "Save" button in JSbin, then copy the URL to the page and paste here.

---

Reply to this email directly or view it on GitHub:
#4204 (comment)

---

Privileged/Confidential Information may be contained in this
message. If you are not the addressee indicated in this
message (or responsible for delivery of the message to such
person), you must not copy, distribute or take any action in
reliance to it.
In such case, you should destroy this message and kindly
notify the sender by reply email. Please advise immediately
if you or your employer do not consent to Internet email for
messages of this kind. Opinions, conclusions and other
information in this message that do not relate to the official
business of Ctrack Limited shall be understood as
neither given nor endorsed by it.

Ctrack Limited, Registration no: 04643588
Park House, Headingley Office Park, 8 Victoria Rd, Leeds, LS6 1LG
VAT #: 808888965

[jaspermdegroot]

#4241 sounds similar to this

[harvo]

It is, thanks. I can see that the issue has been spotted and added to the 1.1.1 milestones, thanks !

[toddparker]

Hi Harvo -

I just tested this on a 2.2 and 2.3 device and the footer links seem to be working ok but I've heard that others have run into this too. Seems like a "sometimes" kind of Android bug.

On your test page, none of the selects open. Android is really buggy with fixed and it frequently can break select menus with fixed and other CSS properties are combined but since this page is pretty much stock styles, that seems odd. Since the selects work fine on this docs page with fixed toolbars (scroll down for the form), I'm wondering if things are a bit off because you don't have labels associated with each select. The scripts are picky about semantics because they are used for config.

http://jquerymobile.com/test/docs/toolbars/bars-fixed.html

[harvo]

Hi Todd,

The issue is not that the selects don't work (I have seen this raised before), it's that when you click a link in the footer and have a selectbox directly beneath (by scrolling just once) the link doesn't fire and the click 'appears' to pass through the footer button the selectbox options are presented in the native style.

Are you using an emulator or an actual device, as this behaviour is happening on our device on the jsbin page.

Thanks for the prompt reply.

Harvey

harvey.smith@ctrack.co.uk * www.ctrack.co.uk

-----Original Message-----
From: Todd Parker [mailto:reply@reply.github.com]
Sent: 01 May 2012 16:47
To: Harvey Smith
Subject: Re: [jquery-mobile] Select Boxes selected when footer button clicked Andriod 2.2/2.3 (#4204)

Hi Harvo -

I just tested this on a 2.2 and 2.3 device and the footer links seem to be working ok but I've heard that others have run into this too. Seems like a "sometimes" kind of Android bug.

On your test page, none of the selects open. Android is really buggy with fixed and it frequently can break select menus with fixed and other CSS properties are combined but since this page is pretty much stock styles, that seems odd. Since the selects work fine on this docs page with fixed toolbars (scroll down for the form), I'm wondering if things are a bit off because you don't have labels associated with each select. The scripts are picky about semantics because they are used for config.

http://jquerymobile.com/test/docs/toolbars/bars-fixed.html

---

Reply to this email directly or view it on GitHub:
#4204 (comment)

---

Privileged/Confidential Information may be contained in this
message. If you are not the addressee indicated in this
message (or responsible for delivery of the message to such
person), you must not copy, distribute or take any action in
reliance to it.
In such case, you should destroy this message and kindly
notify the sender by reply email. Please advise immediately
if you or your employer do not consent to Internet email for
messages of this kind. Opinions, conclusions and other
information in this message that do not relate to the official
business of Ctrack Limited shall be understood as
neither given nor endorsed by it.

Ctrack Limited, Registration no: 04643588
Park House, Headingley Office Park, 8 Victoria Rd, Leeds, LS6 1LG
VAT #: 808888965

[toddparker]

I'm using real phones for testing these, an HTC Incredible (2.3) and an original Droid (2.2). After re-testing I can get the link to page 2 to not work if I first click on a select to give it focus, then try to use a link. It seems like there is some odd behavior if you interact with forms, then try to use a link in a fixed bar if the form previously had focus but it happens somewhat sporadically. I would be good to fix the select code on your test page because once Android gets in that wacky place where selects are broken, al lot of things stop working.

Sort of amazing how buggy Android is.

On May 1, 2012, at 12:01 PM | May 1, 2012, harvo wrote:

Hi Todd,

The issue is not that the selects don't work (I have seen this raised before), it's that when you click a link in the footer and have a selectbox directly beneath (by scrolling just once) the link doesn't fire and the click 'appears' to pass through the footer button the selectbox options are presented in the native style.

Are you using an emulator or an actual device, as this behaviour is happening on our device on the jsbin page.

Thanks for the prompt reply.

Harvey

harvey.smith@ctrack.co.uk * www.ctrack.co.uk

-----Original Message-----
From: Todd Parker [mailto:reply@reply.github.com]
Sent: 01 May 2012 16:47
To: Harvey Smith
Subject: Re: [jquery-mobile] Select Boxes selected when footer button clicked Andriod 2.2/2.3 (#4204)

Hi Harvo -

I just tested this on a 2.2 and 2.3 device and the footer links seem to be working ok but I've heard that others have run into this too. Seems like a "sometimes" kind of Android bug.

On your test page, none of the selects open. Android is really buggy with fixed and it frequently can break select menus with fixed and other CSS properties are combined but since this page is pretty much stock styles, that seems odd. Since the selects work fine on this docs page with fixed toolbars (scroll down for the form), I'm wondering if things are a bit off because you don't have labels associated with each select. The scripts are picky about semantics because they are used for config.

http://jquerymobile.com/test/docs/toolbars/bars-fixed.html

---

Reply to this email directly or view it on GitHub:
#4204 (comment)

---

Privileged/Confidential Information may be contained in this
message. If you are not the addressee indicated in this
message (or responsible for delivery of the message to such
person), you must not copy, distribute or take any action in
reliance to it.
In such case, you should destroy this message and kindly
notify the sender by reply email. Please advise immediately
if you or your employer do not consent to Internet email for
messages of this kind. Opinions, conclusions and other
information in this message that do not relate to the official
business of Ctrack Limited shall be understood as
neither given nor endorsed by it.

Ctrack Limited, Registration no: 04643588
Park House, Headingley Office Park, 8 Victoria Rd, Leeds, LS6 1LG
VAT #: 808888965

---

Reply to this email directly or view it on GitHub:
#4204 (comment)

[harvo]

Well, we are doing are first Mobile project and have found nothing but trouble with the two android devices, Galaxy 10in Tab and the G2. The client has specified that these devices also work with Opera and Firefox, leading to
many issues.

Ipad and Iphone have give us about 3 issues, mostly to do with Maps and not the fault of JQM.

Thanks for the help so far though.

p.s. The bug only happens when the forms contain select boxes i.e. a row of Input or buttons doesn't cause the problem.

[toddparker]

@harvo - Yep, you'll find Android to be very buggy but in very inconsistent ways. Some people will report an issue but it can't be reproduced on the same version (ex. 2.3.5), only within a certain model or OEM. The CSS is very fragile and can cause all sorts of issues with scrolling, transitions, fixed positioning, select menu operation, etc. We do our best, but at a certain point, some things are hard to fix because we're just writing code with web standards so if a browser has a badly broken implementation of a feature, the best we can do is shield the code or style from them.

[jaspermdegroot]

@harvo - I am closing this ticket as a duplicate of #3912.

[gvmuralikrish]

Hi all

I am facing the same issue, can you please let me know any one able to solve this problem.