Shrinking of text boxes in case of Mobile Web

Hi, I am new to Titanium. I am developing an application with a login screen at the start of the application that contains two labels and two text boxes to enter userID and password. Application is working fine. But when I test the application in smartphone browser I am getting an alignment issue in case of android mobile browser. That is when I tap on text field a keypad is rolling over the screen and textfields are getting shrinked that is the height of the textfields are decreasing and after the keypad rolls back the height of the text field is normal. This is happening in android browser. Can anyone share a solution ASAP for this.

Thanks in Advance...

Hi Prasad, try using height and width values in dp whenever use Android.

refer this link for more info.

When a Titanium Mobile Web app is loading we force the outermost container to 100% width and 100% height to fill the screen. When the app finishes loading, we override the 100% height with the actual height of the browser in pixels. This is to prevent the app from being squished on Android tablets when the keyboard opens.

If this is counter to what you're seeing, then there could be a bug. What device and Android version are you testing on? Is it possible to code up a small sample test that we could use to fix the issue?