Cordova – TextField doesn’t pay attention to UI WebView in iOS7

document.addEventListener("deviceready", function(){
 var body = document.getElementsByTagName('body')[0];
 body.style. minHeight=window.innerHeight +'px';
}, false);

If the text field is in the lower half of the screen, the text field will not be focused , But if it is in the upper part, it works fine. I found this problem in the simulator in iOS7 and the device in the installed app. I use sencha touch & phonegap, but I don’t think they Is the cause of the problem, because even a simple text field located below half of the screen height fails.

When I click on the text field, the operating system should push the text field to the top before the keyboard is displayed .But this will not happen, and only show the keyboard without any focus or push the screen. How should I enable it in iOS7 so that I Can solve the problem.

Thank you

Finally found the cause of the problem. If you are using UIWebview, you should change the body tag The minimum height is set to the internal height of the device. For example, 460px for iPhone 4S or 520px for iPhone 5

Internal height = device height-status bar height = 460px, it should basically Is the height of the application container. I put this code in my mobile phone gap device ready function and amplifier. Everything works like a charm

document.addEventListener("deviceready" , function(){
 var body = document.getElementsByTagName('body')[0];
 body.style.minHeight=window.innerHeight +'px';
}, false) ;