First link below header OFTEN does no action after tapping #4069

Closed
WHGAMICAT opened this Issue Apr 17, 2012 · 17 comments

Comments

Projects
None yet
10 participants

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.

Contributor

toddparker commented Apr 19, 2012

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

scottjehl was assigned Apr 19, 2012

Hi, the screenshot is android 2.3.4.

Thanks.

Contributor

dcarrith commented Apr 19, 2012

@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).

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

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.

Contributor

dcarrith commented Apr 24, 2012

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

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

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

Owner

arschmitz commented Oct 16, 2012

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.

Contributor

Wilto commented Oct 16, 2012

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

Wilto closed this Oct 16, 2012

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

Member

jaspermdegroot commented Oct 25, 2012

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

Member

jaspermdegroot commented Oct 25, 2012

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

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

Member

jaspermdegroot commented Nov 11, 2012

@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!

Member

jaspermdegroot commented Nov 11, 2012

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

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

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment