Flickering controls in Touch 2.1.0/2.1.1 on iPhone/iPad?
We have a Touch 2.0 project written in Architect which work great viewed in the browser on all devices (no packaging). We upgraded to Touch 2.1.1 and it all works well except that now some of the controls momentarily flicker when transitioning state on iPhone and iPad, they do not flicker in Chrome on the desktop or Android devices like Kindle, or Samsung smartphones.
For example, rectangular “blocks” of the title-bar of a nested list will momentarily become transparent when a list item is tapped. Or the bottom toolbar of a tabbed panel will momentarily disappear when navigating between panels by tapping the icons. We've tried CSS'ing the background on everything, placing the effected controls (nested lists in particular) inside CSS’ed containers has no effect - the blocks of transparency still goes all the way through to the page background color. Our theme is black so this really shows up - we’ve made the page background black which helps but the blocks of missing menu-bars etc. are still very apparently (since these are colored). We’ve also turned “auto-destroy” off but that has no effect either. It just happens for ¼ of a second flash during the transition and only on iPhone/iPad. The Touch 2.0 version is rock solid and does not exhibit this behavior in any way.
There’s probably something we don’t know about that we should be doing in Touch 2.1.1 to prevent this so any help would be greatly appreciated.