iOS5 + jquery-mobile transition blinks

Question

I am trying to remove an annoying flickering effect on jqmobile transitions when running on iOS 5. I tried several methods from other posts like -webkit-backface and did some ot

Answer 1

For me, I got flicker and blinking when a slide in panel was installed. The blinking funnily enough happens even when the panel is hidden, and for me occurred on collapsible elements.

My 'solution' was to add this to my css file: (as suggested from http://api.jquerymobile.com/panel/ ) With JQuery Mobile 1.3.1 :

div {
   -webkit-transform: translate3d(0,0,0);
 }

Which sounds crazy - but 'worked for me'. (Yes all divs)

Seems that there are no side effects seen - yet.

I have written programs in OpenGL, but don't have a clue what -webkit-transform: translate3d(0,0,0); would do.