Comments on: Build an Elastic Textarea with Ext JS

By: James Payne

James Payne — Sun, 02 Sep 2012 17:50:26 +0000

Can I use this code in my project which I will use for business purpose? By doing so, will there be any copyright violation? In other words, is it LEGAL?

By: Milan Zdimal

Milan Zdimal — Thu, 04 Aug 2011 15:13:10 +0000

Also, I just noticed that the ExtJS textarea object has this built in. Just set the grow property to true, http://docs.sencha.com/ext-js/4-0/#/api/Ext.form.field.TextArea

By: Milan Zdimal

Milan Zdimal — Thu, 04 Aug 2011 06:20:39 +0000

Just an optimization thing… Setting the height of the DOM element is expensive and the height change is very delayed when you are typing fast. I found it’s better to store the last height and only set a new height if the last height and the new height are not equal.

i.e.
if(this.lastHeight != textHeight)
el.setHeight(textHeight + growBy , true);

this.lastHeight = textHeight;

By: Tor Olsson

Tor Olsson — Wed, 01 Dec 2010 21:07:35 +0000

Made another improvement, support of multiple textareas.

I just store the created div in an array instead of in a single object (this.div).

I added:

if (!this.divArray) {
this.divArray = new Array();
}

before “if (!this.div) {” in the original script and replaced every occurrence of “this.div” with “this.divArray[elementId]“.

By: Tor Olsson

Tor Olsson — Wed, 01 Dec 2010 20:25:34 +0000

First of, great script!
I hate oversized textareas! ;)

I had a little problem though on a page where the textarea resides within a hidden div (display: none).

When your script creates the div it gets 0 width. This makes the textarea, when visible, grow on every typed whitespace character.

I made a minor change in the script to fix this. I simply update the div’s width if it has changed.

if (!this.div) {
..
} else if (this.div.getWidth() != width) {
this.div.setWidth(width);
}

By: THORN

THORN — Tue, 16 Nov 2010 05:47:35 +0000

Thank you man I like it (:

By: dan

dan — Thu, 20 May 2010 16:50:17 +0000

Doesn’t work for multiples textarea!!

By: bea

bea — Mon, 08 Mar 2010 18:36:06 +0000

Does not work in IE7 or FF3. I see side scrollbars if I type a paragraph. In FF, it keeps going to the top.

By: joet

joet — Fri, 15 Jan 2010 23:33:51 +0000

80k for the core? that’s way too big for mobile users.

By: Tim

Tim — Wed, 16 Sep 2009 18:50:42 +0000

Love it! but is there a way to use it for more then one textarea per page? I’d like to use in a form with several textareas.

I tried different ID with seperate calls and other combinations.

Thanks