[Phonegap+Sencha Touch] Mobile Development 24 Packaged wp8.1 App, after the input box is focused and pops up the soft keyboard during runtime, the interface moves up without returning to the original position_PHP tutorial

This phenomenon only occurs when phonegap packages the wp8.1 program of sencha touch (only wp8.1, wp8 is normal). I have tested several other js frameworks (app framework, jquery mobile), and it seems that there is no such problem.

Let me describe this phenomenon:

1. Run the wp8 program packaged by phonegap and open an interface with an input box, as shown below:

2. Click the input box to pop up the soft keyboard, and the interface will move up, as shown below:

3. Click the return key to hide the soft keyboard (or click elsewhere on the interface to hide the soft keyboard). At this time, the interface will not return to its original position, as shown below:

Some of my research results:

1. This phenomenon only occurs when the status bar of the app is hidden (that is, the MainPage.xaml file shell:SystemTray.IsVisible="False" is modified).

2. sencha app build native: This phenomenon will occur when running

3. I made a phonegap app to load remote websites (instead of local html+js) and tested it:

sencha app build production: The website compiled by this method does not have this phenomenon when browsed with phonegap app
sencha app build package: The website compiled by this method has this phenomenon when browsed with phonegap app

4. The IE browser that comes with wp8.1 does not have this phenomenon whether browsing production or package websites

To sum up: It is estimated that this problem is not only a problem with sencha touch, but also a problem with phonegap (or the webbrowser problem of wp8.1)

I came up with a solution today:

Modify this file: platformswp8MainPage.xaml ,

Handle:

<code><my:CordovaView HorizontalAlignment="Stretch" 
               Margin="0,0,0,0"  
               x:Name="CordovaView" 
               VerticalAlignment="Stretch" /></code>

Change to:

<code><my:CordovaView HorizontalAlignment="Stretch" 
               Margin="1,0,0,0"  
               x:Name="CordovaView" 
               VerticalAlignment="Stretch" /></code>

Of course, you also need to remove the status bar display, shell:SystemTray.IsVisible="False"

Welcome to join Sencha Touch + Phonegap group: 194182999

Learn and communicate together (blogger QQ: 479858761)

http://www.bkjia.com/PHPjc/815136.htmlwww.bkjia.comtruehttp: //www.bkjia.com/PHPjc/815136.htmlTechArticleThis phenomenon only occurs in the wp8.1 program packaged by phonegap sencha touch (only wp8.1, wp8 is normal ), I have tested several other js frameworks (app framework, jquery mobile), and it seems that there is no such problem...