Jquery Mobile Fixed Header. Keep header at top

I have a chat window, build using jquery mobile.

When the 开发者_开发百科user clicks the text box, the virtual keyboard appears. This pushes up the fixed footer, when you click "done", the keyboard slides down. The header now appears in the middle of the page.

Is there a work around for this behavior?

Thanks a lot, Dan

This is NOT an intended way to do that, but I guess you can trigger orientationchange event or a resize event on body or document element. This should cause the interface to clean-up.

[edit]

This might be worth trying: http://jquerymobile.com/demos/1.0a3/#docs/toolbars/bars-fullscreen.html

(It might be as good as fixed positioning for your app, who knows ;) )