[Phonegap + Sencha Touch] mobile development 24 package the wp8.1 App. The input box in the runtime focuses on the solution to move the interface up without restoring the original position after the soft keyboard pops up.

Source: Internet
Author: User

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


Let me describe this phenomenon:

1. Run the wp8 program packaged by phonegap to open an interface with an input box, such:



2. Click the input box to bring up the keyboard. The interface will be moved up, for example:



3. Click the back key to hide the soft keyboard (or click somewhere else on the interface to hide the soft keyboard). At this time, the interface is not restored to its original position, for example:




Some of my research results:

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

2. sencha app build native: this phenomenon occurs during runtime

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

Sencha app build production: no such phenomenon occurs when the compiled website is browsed by the phonegap app.
Sencha app build package: this phenomenon occurs when the compiled website is browsed by the phonegap app.

4. The web browser wp8.1 does not support this phenomenon, regardless of whether it browses the production or package websites.


To sum up, it is estimated that this problem is not only a sencha touch problem, but also a phonegap problem (or a webbrowser problem in wp8.1)



Make a solution today:

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

Put:


  

Changed:


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



Welcome to Sencha Touch + Phonegap group: 194182999

Study and exchange together (blogger QQ: 479858761)

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.