senchalabs / jQTouch

Create powerful mobile apps with just HTML, CSS, and Zepto.js (or jQuery).
http://www.jqtouch.com/
MIT License
2.78k stars 590 forks source link

Forms elements - Android 2.2 inputs loose focus and browser slide to the bottom of the page #85

Closed justsml closed 14 years ago

justsml commented 14 years ago

I'm still getting the issue described here: http://code.google.com/p/jqtouch/issues/detail?id=398

I'm using the latest version as of Sept. 1st (when I last updated).

justsml commented 14 years ago

Am I the only one with this issue? :(

patrickarlt commented 14 years ago

I am having this issue also, I have had friends test it on an EVO, Droid Incredible and Droid all have issues for form fields. I'll keep this post updated if anything works.

killroyboy commented 14 years ago

I'm experiencing this as well. In the above liked issue, Jonathan indicated he was working on it, but I don't see any new info. Any progress?

patrickarlt commented 14 years ago

It looks like the culprit was this line in the required jqtouch.css file. Commenting this out fixed all my problems.

-webkit-transform: translate3d(0,0,0) rotate(0) scale(1);

I don't know what effect this has if any on animations. But slide and slideup still work for me. I tested this on my new Evo today and I'll update this later to see if it works on my friends Droid.

killroyboy commented 14 years ago

That didn't work for me. What version are you using? I'm on version 109. Upgrading is not much of an option right now.

patrickarlt commented 14 years ago

I was using 148 which is the bleeding edge. You could try the fix from the original thread by commenting out this.

body{ -webkit-perspective:800; -webkit-transform-style:preserve-3d; }

body>*{ -webkit-backface-visibility:hidden; -webkit-transform:translate3d(0,0,0) rotate(0) scale(1); }

Let me know if that works.

killroyboy commented 14 years ago

That's it! Thanks! I must have skipped over that one because later comments indicated that it didn't work for them.

patrickarlt commented 14 years ago

For anyone who wants to know you should also get rid of

-webkit-perspective:800; -webkit-transform-style:preserve-3d;

to fix this in the dolphin browser on android.

jonathanstark commented 14 years ago

Fixed.