title: Unable to select custom item renderer (flex)
body: <p>Hi I have made the following item renderer in mxml, but when I use it in a list for some reason I can not select it. 
  Am I doing something wrong?</p>
  
  <pre><code>&lt;mx:HBox xmlns:mx="http://www.adobe.com/2006/mxml"
  horizontalScrollPolicy="off"&gt;
  &lt;mx:Script&gt;
  &lt;![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);
  }
  }
  ]]&gt;
  &lt;/mx:Script&gt;
  &lt;mx:Image source="{calEventType.icon}" /&gt;
  &lt;mx:Label text="{calEventType.name}" selectable="true"/&gt;
  &lt;mx:HBox height="100%" width="100%" horizontalAlign="right" paddingRight="20"&gt;
  &lt;mx:Box id="colorBar" width="50" height="100%" &gt;
  &lt;/mx:Box&gt;
  </code></pre>
  
  <p>The renderer is set up on creation complete of the list's parent component as
  follows.</p>
  
  <pre><code>private function cc():void{
  if(_itemRenderer != null)
  {
  lt.itemRenderer = getItemRendererFactory();
  }
  }
  private function getItemRendererFactory():ClassFactory
  {
  return new ClassFactory(_itemRenderer);
  }
  </code></pre>
  
  <p>I can't see any reason why I can't select it, any pointers much appreciated.</p>