Panel causes choppy animation on iOS
I developed a responsive 1 and 2-column jQuery Mobile layout that uses the transition CSS3 property to animate between columns on smaller screens. The animation works great in Chrome/desktop, and on iOS; its very smooth.
When I added a jQuery Mobile panel widget, the panel widget's animation is incredibly smooth, but the animation I wrote degrades to a point where its so choppy you see 2-3 "flashes" of the column that's entering/exiting, which isn't smooth at all.
Is there anything in the panel widget that could cause conflict with other CSS animations? Should I use translate3d instead of just applying transition directly to the CSS property?