Keypad overlaps text input fields

Keypad overlaps text input fields

I have developed android app using jQuery mobile 4.1.2 and phoneGap. In this app, I use textarea, which is behaving weirdly. Whenever keypad comes up, the textarea wont automatically move up so that user can see and type. The textarea will be behind keypad with some part visible on dragging it up. Also the page jumps as and when the user types. 
I have tried <preference name="android-windowSoftInputMode" value="adjustResize" /> and also <preference name="android-windowSoftInputMode" value="adjustpan" /> , but no luck. 
Has anyone experienced this issue. Request for solution if anyone knows.