Strange gap between keyboard and text box when application bar is on

Question

I have a page with a text box at the bottom, click on it and a keyboard will appear. Everything is fine until I add the application bar to the page: because of which there was an annoying gap between the keyboard and the text box. Can someone tell me how to get rid of this? Thank you very much.

Answer 1

Try setting the root frame conversion when the text field has received focus.

var rootFrame = Application.Current.RootVisual as PhoneApplicationFrame; rootFrame.RenderTransform = new CompositeTransform() { TranslateY = -409}; 

and reset renderTransform when the text field has lost focus.

TranslateY is the height of the keyboard.

Sounds like a system error.

Answer 2

Alternatively, you can also set appBar.IsVisible = false; in such situations...