Problem with TextField

I started with making a new class for extended TextField. What is my objective is to have a transform tool for the textField to resize it and i’ve done it. The problem is when i reduce the textfield it should stop resizing while hitting the textBound just like the one we’re using in Flash authoring. But it doesn’t.

here is the code

package components
{
import flash.events.*;
import flash.display.*;
import flash.text.*;

public class textComponent extends Sprite
{
    private var _textHtml:String;
    private var _type:String;
    private var _transformTool:Sprite = new Sprite();
    private var txtInput:TextField = new TextField();
    private var _textHeight:Number;
    private var _textWidth:Number;
    private var toolPress:Boolean = false;
    
    public function textComponent()
    {
        addChildAt(txtInput,0);
        txtInput.multiline = true;
        txtInput.wordWrap = true;
        txtInput.border = true;
        txtInput.borderColor = 0x000000;
        txtInput.type = "input";
        addChild(_transformTool);
        drawTransformTool();
        _transformTool.addEventListener(MouseEvent.MOUSE_MOVE, function(e){if(e.buttonDown){txtInput.width = _transformTool.x; txtInput.height = _transformTool.y;trace(txtInput.textWidth + " : "+ getBounds(txtInput));}});
        _transformTool.addEventListener(MouseEvent.MOUSE_DOWN, function(e){e.target.startDrag();});
        _transformTool.addEventListener(MouseEvent.MOUSE_UP, function(e){e.target.stopDrag();});
    }
    public function get textHtml():String {
        return _textHtml;
    }
    public function set textHtml(txt:String) {
        txtInput.htmlText =txt;
    }
    private function drawTransformTool()
    {
        _transformTool.x=txtInput.width;
        _transformTool.y=txtInput.height;
        _transformTool.graphics.clear();
        _transformTool.graphics.beginFill(0x0);
        _transformTool.graphics.lineStyle(1,0xFFFFFF);
        _transformTool.graphics.drawRect(-3,-3,6,6);
        _transformTool.graphics.endFill();
    }
}
}

Also i initantiate the new class in the swf as

import components.textComponent;

var tft:textComponent = new textComponent();
addChild(tft);

tft.textHtml = "<img src='http://in.yimg.com/i/in/adv/housead/592091_bm_may3.gif' hspace='5' vspace='5'>Hi, this is a new text Component";

please help me.

Also i’ve the following doubt about the TextField class

The TextField class can hold an image (instance of Loader class). If that so be it contains a displayobject and it should be a subclass of DisplayobjectContainer. Why it doesn’t ? Is there any technique to get the number of images (such as numChildren) except parsing the htmlText property.

I tried the following code, but it fails

var spr:DisplayObjectContainer = txtField as DisplayObjectcontainer;
trace(spr.numChildren);