Hi,

I have an EWB app that is run on both iOS and Android. I have some input fields on the lower 50% of the screen.
On several Android devices, when the focus goes to the input fields, the soft keyboard is displayed over obscures/covers them.

Is there anything that can be done about this?

Thanks.

// Thom

Thom,

<< I have an EWB app that is run on both iOS and Android. I have some input fields on the lower 50% of the screen.  On several Android devices, when the focus goes to the input fields, the soft keyboard is displayed over obscures/covers them.

Is there anything that can be done about this? >>

Typically Android device keyboards cause the browser to resize, which will cause the input fields to re-focus and shift the scrolling.  Are you seeing the browser resize, or is the keyboard literally covering the browser viewport ?

Tim Young
Elevate Software
www.elevatesoft.com

Tim Young [Elevate Software] wrote:

<<Typically Android device keyboards cause the browser to resize, which will cause the input fields to re-focus and shift the scrolling.  Are you seeing the browser resize, or is the keyboard literally covering the browser viewport ?>>

Android behaves differently from iOS in this way:

I created a test app which contains 15 edit fields.

In iOS I can click on the bottom field (15) and the keyboard pushes the viewport up so that edit field 15 becomes visible.

On an Android device when I click the bottom field it looks like the attached picture. Seems that the viewport is not pushed up so that it is visible just above the keyboard.

// Thom

thomh wrote:

> On an Android device

FWIW, it might be worth specifying the exact device, and the Android version, and the browser. I got very different behaviours on different devices/versions when I did testing of this sort of thing. The differences were known, and it was normally a matter of detecting the "browser" info and coding it specially to cope with it.

--

Matthew Jones

"Matthew Jones" wrote:

<<FWIW, it might be worth specifying the exact device, and the Android version, and the browser. I got very different behaviours on different devices/versions when I did testing of this sort of thing. The differences were known, and it was normally a matter of detecting the "browser" info and coding it specially to cope with it.>>

Hi Matthew,

I have tested this on various Samsung, Nexus and several cheaper models and they all exhibit the same behaviour. And Chrome now seems to be the default browser for Android phones.

// Thom

Thom,

> I have tested this on various Samsung, Nexus and several cheaper models and they all exhibit the same behaviour. And Chrome now seems to be the default browser for Android phones.

I can confirm what you are seeing.
Obviously the viewport is reduced in size, not pushed up. That's why you
are seeing scrollbars in your app.

Depending of the form's (and its controls) layout the current edit field
is not visible any more.

Uli

Thom,

<< In iOS I can click on the bottom field (15) and the keyboard pushes the viewport up so that edit field 15 becomes visible.

On an Android device when I click the bottom field it looks like the attached picture. Seems that the viewport is not pushed up so that it is visible just above the keyboard. >>

Yeah, I'm not really sure that I can do anything about this.  It's not really possible to detect the soft keyboard display as a distinct event in the browser, at least not with any accuracy and without hacking the event manager in EWB to death.

I'll have to think about this some more...

Tim Young
Elevate Software
www.elevatesoft.com