[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

Source: Internet
Author: User

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)

Related Article

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.