Looks like there were a few places where the beads should have checked the strand before the CSS.
It turns out you can't just use the order of beads in the CSS. You have to know the pattern. That's why it use the term "beads" and "strand": the order matters. Also, StringItemRenderer isn't a bead. This worked for me with the two changes I just pushed: <ui:ListBase> <ui:beads> <models:ArraySelectionModel dataProvider="['foo', 'bar']"/> <models:ViewportModel/> <support:DataGroup/> <support:ScrollingViewport/> <beads:ListView/> <controllers:ListSingleSelectionMouseController/> <layout:VerticalLayout/> <ui:ItemRendererClassFactory> <ui:itemRendererFactory> <fx:Component> <support:StringItemRenderer/> </fx:Component> </ui:itemRendererFactory> </ui:ItemRendererClassFactory> <beads:TextItemRendererFactoryForArrayData/> </ui:beads> </ui:ListBase> I'm out of time for tonight. Will try to catch up tomorrow. -Alex