[Phonegap+sencha Touch] Mobile development 24 packaged wp8.1 app, run-time input box focus on pop-up soft keyboard, the interface moves without restoring the original solution

This phenomenon only appears in PhoneGap packaging Sencha Touch wp8.1 program will appear ( only WP8.1,WP8 normal ), other JS framework I tested several (app framework, jquery Mobile), It seems that there is no problem.

Let me describe this phenomenon:

1, run PhoneGap package WP8 program, open an interface with input box, such as:

2. Click the input box to eject the soft keyboard, the interface will move up, such as:

3, click the Back button to hide the soft keyboard (or click on the other part of the interface to hide the soft keyboard), this time the interface does not restore the original position, such as:

Some of my findings:

1, this phenomenon only appears when the app's status bar is hidden (that is, modified the MainPage.xaml file shell:systemtray.isvisible= "False").

2. Sencha app build native: This behavior occurs at runtime

3. I made a PhoneGap app to load the remote Web site (instead of the local html+js) and test it out:

Sencha App build production: This method compiles the website, uses the PhoneGap app to browse, does not have this phenomenon
Sencha App Build Package: This method compiles the website, uses the PhoneGap app to browse, has this phenomenon

4, wp8.1 comes with the IE browser , regardless of browsing production or the package site, there is no such phenomenon

In summary: Estimating this problem is both a sencha touch problem and a phonegap problem (or wp8.1 webbrowser problem)

Today comes a solution:

Modify this file: \platforms\wp8\mainpage.xaml ,

Put

<my:cordovaview HorizontalAlignment="Stretch"                Margin="0,0,0,0"                 x:name="Cordovaview"                VerticalAlignment="Stretch" />

Change to:

<my:cordovaview HorizontalAlignment="Stretch"                Margin="1,0,0,0"                 x:name="Cordovaview"                VerticalAlignment="Stretch" />

And, of course, to get rid of the status bar display, shell:systemtray.isvisible= "False"

Welcome to Sencha Touch + Phonegap Group: 194182999

Joint Learning Communication (blogger qq:479858761)