Question

I am using sencha touch beta 3 version at the moment. I have a header bar(a panel docked to top) with buttons and title, and have a textarea on the other panel that takes space left. When i tap in the textarea, keyboard shows up and makes the header bar to scroll out of the screen. What i want is to have this header bar left in place. I would try to scroll it back to compensate the amount that keyboard pushes up to, but i wasn’t able to implement that. Any help appreciated

Edit:
This issue is more relative to ios: on android keyboard pushes stuff up only if it (keyboard) overlaps the textarea, but on iphone keyboard always pushes stuff up.

Edit: if the textarea is thin, the header bar is not scrolled out on ios as well, but i need the textarea to be big enough, and the textarea scrolled if needed, not the headerbar.

Edit: i’ve implemented the header bar to move downward on keyboard showup and vise versa, but i’m facing issues with doing that simulatenously. Still hope to get some better way to do that, any help appreciated

Answer 1

Solved the problem having implemented the required screen natively (made a pg plugin to be able to create the screen from within javascript code)