[flexcoders] Unwanted scrollbars on my List itemRenderer--measure() help?

[David Ham]

I have a list with a custom renderer. Each item has a text field of
different length. I have variableRowHeight set to "true". When the
list first loads, it renders correctly, but when I drag something out
of it, all the items get vertical scrollbars. When I add an item back
in, it seems that just that item gets the scrollbar.

I found a thread here about overriding the measure() method in the
renderer but I'm not sure how to do it. Do I need to call any methods
on the List itself when I add or remove items?

Thanks for any help you can offer. The code for my renderer is below.

OK
DAH

<?xml version="1.0" encoding="utf-8"?>
<mx:HBox xmlns:mx="http://www.adobe.com/2006/mxml"; height="100%"
width="100%">
    <mx:Script>
        <![CDATA[
            import mx.controls.Text;
            import mx.controls.Image;
            import com.purina.petcharts.vo.FeedItem;
            import mx.controls.LinkButton;
            import mx.logging.ILogger;
            import mx.logging.Log;
            import flash.utils.*;
            import mx.events.FlexEvent;
            
            private var log:ILogger =
Log.getLogger("com.purina.petcharts.view.FeedRenderer");
            
            private var _data:FeedItem;
            
            
            
             [Bindable]
            override public function set data( value : Object ):void {
                if ( value != null ) {
                    super.data = value;
                    _data = value as FeedItem;    
                    var t:String = "";
                    t += data.feedCategory + ": <a href=\"event:";
                    t += data.urlDescription;
                    t += "\">";
                    t += "<font color='#FF0000'><u>";
                    t += data.title;
                    t += "</u></font>";
                    t += "</a>";
                    itemLink.htmlText = t;
                }
                dispatchEvent(new FlexEvent(FlexEvent.DATA_CHANGE));
            }
            
            override public function get data():Object {
                return _data;
            }
            
            private function linkHandler(event:TextEvent):void {
                navigateToURL(new URLRequest(event.text), '_blank');
            }
            
          ]]>
    </mx:Script>
    <mx:Image id="thumbnail" source="{data.imageUrl}" />
    <mx:VBox id="textBox" width="100%" height="100%">
        <mx:Text id="itemLink"  paddingTop="0" paddingBottom="0" text
= "{'[' + data.feedType + ', ' + data.feedCategory + ']: ' +
data.title}" link="linkHandler(event)" selectable="true" width="100%"/>
        <mx:Text id="itemText"  text="{data.shortDescription}"
width="100%" />
        <mx:Text id="source"  text="Source: {data.provider}" />
    </mx:VBox>  
    
</mx:HBox>