Automatic Resizing Expanding Text Area

July 27, 2012

I’ve been trying out a few JavaScript and jQuery code samples for automatically resizing/expanding the height of a text area as more text gets typed.

It’s been quite difficult to find code that worked for my needs and I hadĀ forgottenĀ to write down references of some code which I did find which was functional but just did not work for my needs.

As I’m still looking around to improve the one I am currently using here, I thought I’d write and update this post as I come across others.

So here goes:

  • JavaScript textarea sizer by Paul Tuckey (2008).
    Demo & Download
    ->Usage: by including the JavaScript code in the page, all text areas will automatically resize/expand. Specific text areas can also be excluded.
    There does not seem to be any online documentation or user feedback.
  • jQuery auto expanding text area by Craig Buckler (2009).
    Demo | Download

    ->Usage: by including the jQuery code in the page, all text areas with a specifc class name will automatically resize/expand.
    There is a 3 page tutorial (p1, p2, p3) on how to build the jQuery plugin. You can download the source code from page 3 but the 3 page tutorial may be useful if you wish to customise the code for your needs. There is also some user feedback about customising the code.
  • jQuery Autosize by Jack More (2011)
    Demo & Download
    ->Usage: by including the jQuery code in the page and adding another short jQuery code to page, all text areas will automatically resize/expand.
    There are many comments, questions and feedback from users and Jack himself which should provide a good understanding of how to customise the code.
  • Expanding Textareas jQuery Plugin by Brian Grinstead (2012)
    Demo | Download
    ->Usage: by including the jQuery code in the page and adding a specific class to the text area, all text areas will automatically resize/expand.
    There are user comments and feedback from users and Brian himself which should provide a good understanding of how to customise the code.

Other auto expanding text areas.

If you come across any other JavaScript or jQuery code to resize/expand text areas then please let me know and I can add them above.

Share this:
About Bharat Karavadra

"I research and share leading-edge information, tools and exercises to help people transform and heal their life situations."

Share your thoughts

Your email address will not be published. Required fields are marked

{"email":"Email address invalid","url":"Website address invalid","required":"Required field missing"}
Bharat Karavadra