Touch keyboard covers input forms in JavaScript apps

Question

When an input element outside of the appbar is focused and the touch keyboard comes up, the app does not scroll or resize in any way to accomodate the space taken by the touch keyboard, leading to situations such as this one in the Notespace app:  http://i.imgur.com/4DKvc.png > http://i.imgur.com/Xgn8W.png

Is there any way that the touch keyboard can be enabled to automatically scroll to the focused input element? This is a terrible bug that is blocking us from using input elements outside of the appbar.

 

Answer 1

Hi Juliana,

You will notice that NoteSpace does scroll as you type.  In that application the bug is that the appbar stays up.  It should have been written so that the appbar disappears (it is doing some real strange things you will see as you play with it).  If you keep typing you will notice that the view will continue to scroll down and be in view.

Does your app have an appbar in it as well and is this what you are experiencing?

Have you taken a look at this sample: http://code.msdn.microsoft.com/windowsapps/Keyboard-Events-Sample-866ba41c

This will help you understand how this all works together.

 

-Jeff

 

---

Jeff Sanders (MSFT)