Screen jumps when typing in inputs on legacy Android

[hora]

These three lines in the css are causing all the trouble, and we need a way to not load these particular rules on older Android devices:

@include perspective(1000);
@include transform(translateZ(0));
@include backface-visibility(hidden);

[ry5n]

Using translate3d(x, y, z) to shift the content and sidebars around also causes this problem. For Chewy, we solved it by applying transform(x, y) instead, in all places (JS and CSS).

[kpeatt]

Definitely. Two things cause this issue and 3dtranforms are one of them. We'll address this in v2.

On Wed, Apr 16, 2014 at 5:49 PM, Ryan Frederick [email protected] wrote:

Using translate3d(x, y, z) to shift the content and sidebars around also causes this problem. For Chewy, we solved it by applying transform(x, y) instead, in all places (JS and CSS).

Reply to this email directly or view it on GitHub: https://github.com/mobify/pikabu/issues/13#issuecomment-40669714

[jansepar]

We should use transform only for platforms where we know translate3d is problematic. Still want to take advantage of dat sweet sweet hardware acceleration.

[ry5n]

Yes, absolutely. I of mis-spoke there: we used translate for Android 2.3 only, everything else gets translate3d.