How to program a Forms Block, to enable Resize Grabber for a "Comments" text area?

Seeking some help from coding gurus, to enable the resizing of a text area (to allow more text to be included in a Comments box)I tried googling for this, and came across "textarea { resize: both; }" but when trying to compare this with a Mobi block which has a form with this feature enabled, I cannot find anything similar.Hope somebody can help, as I am using a Mobi Forms block which suits my purpose but all the text areas cannot be expanded. I only need one - the Comments box - to be expandable.Thanks.

Comments

Thanks, Anton, but I like the layout of the first pic, and for the last field, I changed the "Department" field to "Comments", and Department field are normally not long, which is why it has been programmed to be a limited field. However, I have changed the text for that field to "Comments", but do not know how to edit the code to make it non-restrictive (in that users can input as much text to get their message/comments across).

I see what you mean. I retried it and even though extra text goes "off the end of the field" (and not displayed), they are still captured in the form, and is also visible when you move the cursor towards the right.I think it's workable. Thanks again.

... but style="resize:both" works easy with the textarea, at your textarea you have probably style="resize:none" - just change that. You also might like to increase rows="1" to rows="3" or higher. This makes your 'Comments Area' higher.

Hi Tommy, thanks so much for your feedback and help. It's the closest I have gotten to getting the resizer to show on bottom-right of the field box. (It is showing now, but not in the right place)The Form Block I am trying to use is from the EducationM4 theme

** What is the best way to show you the complete HTML & CSS codes for this particular block? I have already captured it in a text file but this forum does not accept uploading txt or docx files. (I could post it up here, but it's a little lengthy).

Could I trouble you to have a look at it, once I can get the file to you? Thanks.

Thanks, guys, for the help and tips. I think I've got it now, as I see that the text is wrapped downwards (ie vertically) and the edge grabber is there, but not usable, as I think there is a form-size restriction somewhere. Nevertheless, the customer can easily see the downward-scrolling text while typing (at least one full line immediately above).Much obliged and greatly appreciated for the help.

Just tried it on a cell phone, and found that the particular field ("Department" field using "textarea" definition) is not responsive, in that the field width does not change with the mobile view.I must be doing something incorrectly. (Below, I have embedded the html code taken from the form I am working on and the particular section that's giving me issues):

iPad in Landscape and Portrait mode same as iPhone - Box expands all OK to hold any text, but no expand icon in lower right corner - In my opinion it doesn't matter - a user will see all their text being 'captured'