How can I create a resizeable text area in Sencha Touch?

Question

I have an application in Sencha Touch where I have a textareafield. In Chrome, this is resizeable, but not when using an iPhone (I haven't tried on an Android device).

I need to have a text input area where people can enter text anything from one or two words long to many sentences. So I need this to either automatically resize; have some way of manually resizing it; or some way of scrolling within it.

So far I have been unable to do any of these with Sencha Touch. I would really appreciate it if someone can point me towards a workable solution. It doesn't need to be any specific component in Sencha Touch.

Answer 1

There is a post on the Google Code blog explaining how they handled textarea auto growing in Mobile Gmail. Here's the link: http://googlecode.blogspot.com/2009/07/gmail-for-mobile-html5-series.html

I threw together a quick sample with jsfiddle: http://jsfiddle.net/rFcUH/

I did it with Sencha Touch 1.1, though something similar should work with Sencha Touch 2.