3 of 3 ... everything on this site is a "Q"

How should an expanding text input field behave on a mobile screen?


I am designing a screen in an Android/iOS hybrid mobile app (native in both, not a web app) in which the user will be able to enter text into a text field (which could be one sentence or 2 paragraphs, depending on the user).

The text field is a certain height so that when the user taps on "edit text", the screen content scrolls up under the screen header to position the text field high enough above the keyboard to fit the entire text field onscreen.

There are "save" and "cancel" buttons under the text field.


If I want the user to be able to write as much as they like ...

  • Should the text input field continue to scroll up under the header as it expands vertically to accomodate more text (keeping the the "save" and "cancel" buttons underneath it and above the keyboard)?

  • Is there a better pattern I'm unaware of?

I know having open text input of hard-to-guage length isn't ideal, but the client is demanding this screen to meet a specific requirement for accessing their funding.