Strange gap between keyboard and textbox when application bar is enabled

c#, silverlight, windows-phone-7

Solution

Try to set the rootframe transform when the textbox got focus.

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

and reset the renderTransform when the textbox lost focus.

The value of TranslateY is the height of the keyboard.

Seems like a system bug.

Problem

I have a page with a textbox at the bottom, tap on it and the keyboard shows up. Everything is fine until I add application bar to the page: an annoying gap between keyboard and the text box came out of nowhere. Could someone tell me how to get rid of that? Thanks a lot.

Original source