Spark list filter not working

Question

I have a spark list with custom itemRenderers and I have a filter on the list.  I run the filter, but at random times the filter doesn't work. I threw in some trace statements and its passing the filter but the screen doesn't show the filters results. It only shows the results of the last filter. I think it has to do with the spark lists itemRenderer resuse.
Is this a known bug?

Answer 1

The bug is in TileLayout. 
If I remove the the TileLayout the list functions as aspected.  Here is a simple example.  Make sure when running the app to follow these instructions.
1. Run the app (notice the list shows all the items in it)
2. Click "K"
3. Click "All"
4. Look at the Bottom list to see if only two items show even when "ALL" is selected.
5.Repeat steps 2-4 until you see the bug.
<?xml version="1.0" encoding="utf-8"?>
<!-- http://blog.flexexamples.com/2010/05/12/scrolling-to-a-specific-index-in-a-spark-list-cont rol-in-flex-4/ -->
<s:Application name="Spark_List_ensureIndexIsVisible_test"
   xmlns:fx="http://ns.adobe.com/mxml/2009"
   xmlns:s="library://ns.adobe.com/flex/spark"
   xmlns:mx="library://ns.adobe.com/flex/mx">
<fx:Script>
<![CDATA[
import mx.collections.ArrayCollection;
private var array:Array = ['one', 'otwo', 'othree', 'ofour', 'ofive', 'osix', 'oseven', 'oeight', 'nine', 'nten'];
private var myAC:ArrayCollection = new ArrayCollection( array );
private function setAlphaFilter() : void {
if( myAC ) {
myAC.filterFunction = alphaFilter;
myAC.refresh();
private function alphaFilter( item:Object ) : Boolean {
var tempStr:String;
if( String(alphaList.selectedItem.firstName).toLowerCase() == 'all' ) {
return true;
if(  item.toLowerCase().charAt(0) == String(alphaList.selectedItem.firstName).toLowerCase() ) { // if something a letter is selected.
return true;
return false;
]]>
</fx:Script>
<s:List id="alphaList" changing="setAlphaFilter()"
width="100%" top="2" bottom="2" left="2" right="2" borderColor="#7F7F7F" >
<s:layout>
<s:HorizontalLayout columnWidth="20" paddingLeft="1" />
</s:layout>
<!-- itemRenderer is inline in this sample -->
<s:itemRenderer>
<fx:Component>
<s:ItemRenderer>
<s:Group top="1">
<s:Label id="blah" text="{data.firstName}" fontSize="13" bottom="1" top="1" right="1" left="1" />
</s:Group>
</s:ItemRenderer>
</fx:Component>
</s:itemRenderer>
<s:dataProvider>
<s:ArrayList>
<fx:Object firstName="All" />
<fx:Object firstName="A"  />
<fx:Object firstName="B"  />
<fx:Object firstName="C" />
<fx:Object firstName="D" />
<fx:Object firstName="E" />
<fx:Object firstName="F"  />
<fx:Object firstName="G"  />
<fx:Object firstName="H" />
<fx:Object firstName="I" />
<fx:Object firstName="J" />
<fx:Object firstName="K"  />
<fx:Object firstName="L"  />
<fx:Object firstName="M" />
<fx:Object firstName="N" />
<fx:Object firstName="O" />
<fx:Object firstName="P"  />
<fx:Object firstName="Q"  />
<fx:Object firstName="R" />
<fx:Object firstName="S" />
<fx:Object firstName="T" />
<fx:Object firstName="U"  />
<fx:Object firstName="V"  />
<fx:Object firstName="W" />
<fx:Object firstName="X" />
<fx:Object firstName="Y" />
<fx:Object firstName="Z" />
<fx:Object firstName="1" />
<fx:Object firstName="2" />
<fx:Object firstName="3" />
<fx:Object firstName="4" />
<fx:Object firstName="5" />
<fx:Object firstName="6" />
<fx:Object firstName="7" />
<fx:Object firstName="8" />
<fx:Object firstName="9" />
</s:ArrayList>
</s:dataProvider>
</s:List>
<s:List id="list" width="630" height="100"
horizontalCenter="0" verticalCenter="0" dataProvider="{myAC}" useVirtualLayout="true" allowMultipleSelection="true">
<s:layout>
<s:TileLayout columnWidth="300" rowHeight="50" verticalGap="1" horizontalGap="1" 
  requestedColumnCount="2"  />
</s:layout>
</s:List>
</s:Application>