Comments on: Auto Resizable Text Area Component

By: Jom Kipur

Jom Kipur — Thu, 29 Sep 2011 07:45:43 +0000

This is very usefull component. Thou I had problem on higher resolutions – text didn’t always fit into textArea and the vertical scroll bar appeared. I think that it might be a ‘few pixels problem’ so I added some pixels to height of the component like this:
totalHeight += textLineHeight + 5;
Hope this helps some people in the future.

By: nirav

nirav — Mon, 29 Aug 2011 13:11:19 +0000

Hi..
i have a image handeler inside html text,
how can i find height/width of image which is loaded from image handeler?

By: BruceND75

BruceND75 — Tue, 02 Aug 2011 05:50:42 +0000

OK, ran into a problem. I’m getting a vertical scrollbar that shows up that is not functional (will not scroll). It also shows up at odd times — 1)I have the resizeable TextArea in a VBox with plenty of vertical room, 2) I go to the page where the TextArea first appears, and there are no scrollbars (good), 3) I leave that page and go to the next page, where there is the same TextArea, smaller height, TextArea resizes fine (good), 4) then, I immediately go back to the first page, and suddenly, there is a scrollbar, and it is “frozen”/disabled.

Here is an image that shows the two states Image

By: BruceND75

BruceND75 — Mon, 01 Aug 2011 13:25:50 +0000

A follow-up — I can see how to grab and use a value using getters and setters. I am wondering if I need to go to all that trouble, though. If the TextArea is inside a VBox with a set height, AND the auto-resize determines a height that is greater than the VBox’s height, will the component limit it’s height, or will it expand beyond the VBox?

Knowing this may save me some coding.

By: BruceND75

BruceND75 — Mon, 01 Aug 2011 09:30:17 +0000

I am very excited about trying this out, but I have a question. Is there a way of providing a maximum height to the component? I plan to have my script determine the max height available for the TextArea, and if the totalHeight is greater than the max height available, I want the TextArea component to use the max height available, and turn on the scrollbars.

Is this possible? TIA

By: Eshetu

Eshetu — Thu, 07 Jul 2011 15:19:32 +0000

Man, this was very helpful! Thanks much!!

By: eBuildy

eBuildy — Thu, 25 Nov 2010 15:57:05 +0000

Note in Flex 4, for the Spark TextArea, its very very easy:

kk.height = Math.min(400,Math.max(50, kk.textDisplay.contentHeight + 10));

Where kk is a TextArea

By: Marcus

Marcus — Thu, 29 Jul 2010 09:58:35 +0000

Very useful!

You can add a Change EventListener to the Component:

private function onChange():void
{
    if (_autoResizable)
        resizeTextArea();
}

So the TextArea will be resized when you type text into the component!

By: Hicham Taoufikallah

Hicham Taoufikallah — Thu, 17 Jun 2010 17:08:15 +0000

Awesome – thanks! and also thanks to Rui Esteves for his improvement which worked for me

By: Mediamuis

Mediamuis — Thu, 28 Jan 2010 07:32:25 +0000

Hi, first of all thanx for this great example,

I’m strugling witch the fact that I want to copy text in the textArea by actionscript. The problem is that the TArea is not resaing. Only when I put a keystroke in the tArea the resize is triggered. Does anyone know a sollution for this.

Mark