First link below header OFTEN does no action after tapping

[WHGAMICAT]

Version:
jqm 1.1.0 final with jquery 1.6.4

Situation:
We use linked-lists, and a "Fixed-positioning" navbar footer.
On android smart phones(not pad), first link below header OFTEN does no action after tapping, but highlighted.

screenshot: http://www.flickr.com/photos/47727030@N05/7086400063/
use android smart phone to open fullscreen example : http://jsfiddle.net/sh6ZM/2/show/light/

Thanks.

[toddparker]

Android is so buggy with position: fixed. Judging by the screenshot, this is Android 2.2 or 2.3?

[WHGAMICAT]

Hi, the screenshot is android 2.3.4.

Thanks.

[dcarrith]

@WHGAMICAT: I don't know if this would cause the issue you've reported here, but I think jQuery 1.7.1 is the version of jQuery that's supposed (or recommended) to be used with JQM 1.1.0. Although, I don't remember if it's a requirement. Either way, there are a couple good performance reasons to upgrade to 1.7.1. I've actually been using jQuery 1.7.2 without any issues (that I know of).

[WHGAMICAT]

@dcarrith :
I've tried jQuery 1.7.1 & 1.7.2, but still happened on android.
1.7.1: http://jsfiddle.net/sh6ZM/5/show/light/
1.7.2: http://jsfiddle.net/sh6ZM/4/show/light/
Thanks.

[gthornejr]

I have experienced the same issue with jquery 1.7.1 and jqm 1.1.0. When the header is fixed, the first link in the listview underneath doesn't work in FireFox 10 on the desktop or on an Android 2.2 phone. When I remove the fixed attribute, it works fine.

[dcarrith]

@WHGAMICAT: I understand the issue now. I also think it's more than just the first link below the header. When the header is also fixed, sometimes when trying to click the back button on the header, it clicks through to the list element underneath. Sometimes it just hightlights, other times it actually navigates to the page linked to by the list element underneath the header. Sometimes the back button on the header hightlights but does nothing...other times, it navigates back as it should.

[WHGAMICAT]

@dcarrith :Yes, we're bothered by the back button now.
We re-write ul-li navbar with div to avoid this fixed toolbar issue. But when we tapped bottom of the back button on Page2, it seems to be "tapping through" on Page1's first link again. So, it looks like, "Page2(tap back button)=>Page1=>Page2" in our div workaround.

[istrasoft]

+1 confirm behaviour with Chrome on Android ICS 4.0, JQ 1.7.1 JQM 1.1.0

[arschmitz]

Updated fiddle to latest and the problem is no longer present. tested on htc incredible 2.3 and nexus 4.0 native and chrome http://jsfiddle.net/arschmitz/sh6ZM/6/show/ is updated to latest IMO this should be closed as fixed.

[Wilto]

Closing as fixed; please let us know if this issue persists using latest!

[WHGAMICAT]

not fixed.
tested on android 2.3.4 native browser. screenshot: http://www.flickr.com/photos/47727030@N05/8121374582/

[jaspermdegroot]

@WHGAMICAT - On what device did you test?

Re-opening. Changed priority from critical to high because it doesn't seem to be a problem with all Android 2.3 versions/devices.

[jaspermdegroot]

Let's test this again after @arschmiz is done with his work on arschmitz/jquery-mobile@3f5a5bb which should fix several fixed toolbar issues.

[WHGAMICAT]

@uGoMobi
I tested on Motorola Atrix with android version 2.3.4
Thanks.

[jaspermdegroot]

@WHGAMICAT

We merged fixes for fixed toolbar issues at the end of last week. Can you please test again: http://jsfiddle.net/sh6ZM/7/show/light/
Thanks!

[jaspermdegroot]

@WHGAMICAT

I tested http://jsfiddle.net/sh6ZM/7/show/light/ on Browserstack, Motorola Atrix 2 / Android 2.3 and the issue still occured.
However, after disabling "normalized CSS" and setting "No-Library (pure JS)" (http://jsfiddle.net/sh6ZM/9/show/light/) the issue was gone. I also tested exactly the same markup on my server and there was no problem either.
So the problem was caused by something in jsFiddle. I am closing this as not a JQM bug.

[johnckendall]

Still happening on JQM1.2 on Android 2.2 (Acer Liquid) with my app (not jsfiddle).
Works fine in iOS.