3 Aug 2012 6:36 AM #1
Unanswered: Android4-only stock browser strange behavior with input text
First post here, this is not related to Sencha directly, but as far as i tested, Sencha suffers this same issue too.
Don't know if someone already saw this bug. Note that this only happens with Android 4.x stock browser. It has been tested successfully with Chrome on Android 4, stock browser on previous versions, iOS, Blackberry OS6 & 7, Playbook, ...
Look at http://www.hello-gurus.com/labs/sandbox/plain-form.html It works fine in the simulator (seehttp://cl.ly/image/1z3G1T2y2p2c) but goes totally wrong on the latest GalaxyTag (seehttp://cl.ly/image/1O123A3d0y3q)
Normal behavior should be text staying on the right. A padding on the left keeps the text to overlap with label. Input is 100% width so active zone is on the entire width. That's how it works on every other browser, where Android stock one aligns it on the left only when focus! Plus, it makes the disappear even if the input has a transparent background :S Even worse, sometimes its value get empty on blur x_X
This is getting me insane! Any solution or anything i may give a try?
Thanks a lot!
4 Aug 2012 7:33 PM #2
- Join Date
- Mar 2007
- Gainesville, FL
- Vote Rating
You can try switching to Chrome, much better browser.
Sencha Inc, Senior Software Engineer
Check out my GitHub, lots of nice things for Ext JS 4 and Sencha Touch 2
Think my support is good? Get more personalized support via a support subscription. https://www.sencha.com/store/
Need more help with your app? Hire Sencha Services firstname.lastname@example.org
Want to learn Sencha Touch 2? Check out Sencha Touch in Action that is in print!
When posting code, please use BBCode's CODE tags.