[flexcoders] Can not select itemrenderer

[Barry]

Hi unable to select the following itemRenderer when used in a list.
Any advice would be much appreciated.

//----------------------------------------------
<mx:HBox  xmlns:mx="http://www.adobe.com/2006/mxml";  
horizontalScrollPolicy="off">
<mx:Script>
<![CDATA[

import com.pbsmedia.kanpeki.domain.calEvent.CalEventType;
                        
[Bindable]
private var calEventType:CalEventType;
                        
                        
override public function set data(value:Object):void
{
if(value != null)
{
calEventType = value as CalEventType;
                                        colorBar.setStyle("backgroundColor", 
calEventType.eventColor);
}
}
                        
]]>
</mx:Script>
<mx:Image source="{calEventType.icon}"  />
<mx:Label text="{calEventType.name}" selectable="true"/>
<mx:HBox height="100%" width="100%" horizontalAlign="right" paddingRight="20">
<mx:Box id="colorBar" width="50" height="100%" >
                        
</mx:Box>
//------------------------

The renderer is set up on creation complete of the list's parent component as 
follows.

private function cc():void{
if(_itemRenderer != null)
{
lt.itemRenderer = getItemRendererFactory();
}
}
private function getItemRendererFactory():ClassFactory
{
return new ClassFactory(_itemRenderer);
}

I can't for the life of me figure out why the list is not selectable if I use 
this renderer.

thanks,