PDA

View Full Version : Flicker when tapping edge of viewport



lfi
6 Sep 2011, 12:32 PM
This is a repost from the premium forum, but I haven't heard anything from Sencha on the topic yet so I thought I'd try the community. :)


I've noticed an issue with Sencha Touch 1.1 that does not appear to be affecting releases before 1.1. The issue is that there is a flicker on iOS when tapping any edge of the viewport. It almost looks like a -webkit-tap-highlight-color issue but it's not. This can be seen on any site running Sencha Touch 1.1, including the Kitchen Sink site: http://dev.sencha.com/deploy/touch/e...s/kitchensink/ (http://dev.sencha.com/deploy/touch/examples/kitchensink/). Just pull it up on your iOS device (including iOS 5) or iOS Simulator and tap the inner edge of the viewport on the Kitchen Sink site and you'll see what I mean. Although, this does not show up on a desktop browser.

Is there any known fix for this? It makes having buttons in the header or footer feel a little glitchy when they're pressed.

Thanks.

cixate
1 Oct 2011, 3:02 AM
Took a while, but I found the issue and a solution http://devdetails.com/2011/10/01/fix-for-gray-overlay-on-touch-with-ios-and-sencha-touch/

mobile207
3 Oct 2011, 6:25 PM
The solution above fixed the issue for me. Added it to my index.html right after the sencha.js is loaded.

Big thanks to the author.

chrigu
17 Oct 2011, 5:44 AM
Great job, works perfectly! Would be cool to know why they do that and if there are any problems that could happen when using this workaround.

darknos
20 Jan 2012, 6:35 AM
Took a while, but I found the issue and a solution http://devdetails.com/2011/10/01/fix-for-gray-overlay-on-touch-with-ios-and-sencha-touch/

Great solution but I can't use it because we have a lot of "onclick" handlers defined in code (dynamically loaded and we can't replace everything with "tap"). Unfortunately with such solution any onclick handlers called twice in a row... :(

Trying to find another solution....