-webkit-overflow-scrolling + CSS3 Animations + Phonegap API calls = touch stops responding.

[Alex Grande]

-webkit-overflow-scrolling + CSS3 Animations + Phonegap API calls =
touch stops responding.

My phonegap app will work fine until I make a call to a Phonegap API,
at which point the touch will stop responding on mainly the first
element that has a event attached to it in the current view. A view
for my app is body > div.current with the rest of the divs display
none.

I can replicate this every time.

It is clearly a bug in iOS5.

Is anyone else seeing this or have a work around?

[Alex Grande]

Well.. our solution was to disable -webkit-overflow-scrolling. :/

[Jean-Philippe Déry]

I believe I have good news for you.

I was having the same problem as some regions were not touchable for some reason. Turns out the iframe injected by PhoneGap could be the cause. I followed this post https://groups.google.com/d/msg/phonegap/n2k-OvqCDcE/yfhKdzHi7nsJ to remove the iframe and my scrolling works. The only downside is if your app loads different pages.

I hope it helps!