Keyboard comes in front of inputs on Android

[Ömer_G_]

When using text fields in android, when i click on the field, keyboard comes in front of the text field and i cannot see what is written.
On ios, page scrolls up so i can see what is being written.

Also on AppPreview, it is OK as IOS, but a whitespace is shown in the page.

1.png: Screenshot of the actionsheet (everything is fine up to now)

2a.png: Screenshot of the app on Android which launched by apk (input is behind keyboard, so only way to see is pressing AndroidBackButton)

2b.png: Screenshot of the app which launched by IntelXDK Debug option. --> A whitespace is shown above, what is it?

How can i fix this issue on android?

Regards,

[Swati_S_Intel1]

Which framework are you using?

[Ömer_G_]

appdramework2.1

[Ömer_G_]

Any suggestions?

[John_H_Intel2]

App Framework 3.0 has been released. Please upgrade and see if the problem persists.

[Ömer_G_]

AppFramework 3.0?

I'm using 2.1 as below:

<link rel="stylesheet" type="text/css" href="app_framework/2.1/css/af.ui.min.css">

<link rel="stylesheet" type="text/css" href="app_framework/2.1/css/icons.min.css">

<script type="application/javascript" src="app_framework/2.1/appframework.js"></script>
<script type="application/javascript" src="app_framework/2.1/appframework.ui.js" data-ver="1"></script>

but 3.0 does not have "appframework.js"

How can i use 3.0 as 2.0?

Regards,

[Swati_S_Intel1]

In App Framework 3.0 support for the query selector library has been removed, that's why you don't see appframework.js file. Instead you are encouraged to use jQuery or Zepto. There are some other limitations, see the release notes below.

The 3.0 version of App Framework removes the following

1. Query selector library - instead use jQuery* or Zepto*
2. Only supports Android* 4+, iOS* 6+, WP* 8, FF* OS and Blackberry* 10
3. No longer provides a "Touchlayer", use Fastclick (https://github.com/ftlabs/fastclick) instead.
4. Native scrolling is only used. If you need a JS scroller, use an existing one like FTScroller (https://github.com/ftlabs/ftscroller) or iScroll

Swati

[Ömer_G_]

Hi,

So I understand that switching an existing application from appframework 2.1 to 3.0 will cause a lot of headache, am i right?

headers, footers, af.ui functions, etc. will they work same without modification as they are in 2.1 or 2.2?

Regards,

[Swati_S_Intel1]

The af.ui functions work as before. 

[ale_d_]

Hello are you using crosswalk? If yes just switch to crosswalk version 10 even with framework 2.1