[flexcomponents] autoresize text area as a itemrenderer

[learner]

Hi all,
I want to have my list variable row height ...precisely the height of the
row should the  height of the text displayed in it..

I have my item rendere like this  ..it has image to show and textArea which
will have html text to display in it...


public class MessageBox extends Canvas
    {
        override public function set data(value:Object):void{
            this.msgObject = value as MessageObject;
            avatarHolder.visible = false;
            memberName.visible = false;
            showUserImageAndName();
            setMessage();
            invalidateProperties();
        }

        override protected function createChildren():void {
            avatarHolder = new ImageHolder();
            avatarHolder.x=0;
            avatarHolder.y=0;
            avatarHolder.height = 35;
            avatarHolder.width = 35;
            addChild(avatarHolder);


            messageTxt = new TextArea();

            addChild(messageTxt);


        }

  override protected function measure():void{
            trace("measure for message box " + msgObject.message)
            super.measure();
            messageTxt.x = 55;
            messageTxt.width = this.width - 55 - timeStamp.width;
            // should i set the height of the messageTxt here  as
messageTxt.height = messageTxt.textHeight ............but it does not work
correctly..
  }

    }



Please please help

Regards
PS