jquery-archive / jquery-mobile

jQuery Mobile Framework
https://jquerymobile.com
Other
9.69k stars 2.4k forks source link

Android thumbnails & icons greyed out after scroll #2048

Closed adambiggs closed 12 years ago

adambiggs commented 13 years ago

On thumbnail or icon lists, images are greyed out after being tapped. This is most obvious when scrolling a list, where the icons will stay greyed out after the scroll.

This is happening in Android 2.1 on my test device and the simulator, but not in the 2.3.3 simulator.

See here

toddparker commented 13 years ago

What version of Android are you seeing this on? We're already tracking an issue about the hover state being applied to lists on scroll, but this looks a bit different.

adambiggs commented 13 years ago

I'm seeing this in Android 2.1 on our Galaxy S and in the simulator. It doesn't happen in the 2.3.3 simulator though.

toddparker commented 13 years ago

Hmmm. I just tested this on our HTC 2.1 phone and don't see the issue until I visit the page a few times, then scroll up and down. Very odd. No idea what would cause that!

adambiggs commented 13 years ago

I'm also occasionally seeing this on the very first enhancement of a page before any scrolling, but this seems worse in our app compared to the online docs.

Very strange indeed...

Nushio commented 13 years ago

I have this same issue on an Avaya Flare (Android 2.1).

When the list and page loads, I get this: http://gallery.k3rnel.net/Web-Call-Center/IMG_20110824_164321 As soon as I touch the screen, everything goes back to normal: http://gallery.k3rnel.net/Web-Call-Center/IMG_20110824_164325

The footer is really driving me insane, but I can't replicate on Firefox nor Chrome, nor any Android 2.3.x devices I have.

Nushio commented 13 years ago

The blue tint on the bottom was my fault (Apparently the browser doesn't load the background-image until I touch the screen, loading just the background in the meantime).

This doesn't happen on the 2.3 browser, but sadly, Avaya's update policies mean I'll be stuck with this crappy browser until after the demo deadline I have.

I've searched the css and js files to see if I can turn off opacity from everywhere but any help as to what specific lines to comment out would be welcome.

toddparker commented 12 years ago

I've bene thinking about moving away from applying the hover state, especially for lists because it's distracting while scrolling and sometimes these aren't cleaned up correctly like here. Tracking that over here Issue #2214

toddparker commented 12 years ago

Hi all - Is this still an issue with 1.0.1? I haven't seen this bug in many months. Also please test on master (1.1-pre): www.jquerymobile.com/test

If so, we need a test page with steps to reproduce. Template here: http://jsbin.com/uwofov/edit

Nushio commented 12 years ago

Hey Todd. I haven't tested on 1.0.1, but I can confirm that on 1.1-pre, it works (Icons are no longer grayed out). I tested this on the Android 2.1 device I mentioned (Which is still sporting Android 2.1! Go Avaya!)

toddparker commented 12 years ago

I think it's safe to close this, but chime in if you still see an issue.