Неверное отображение данных в List при смене dataProvider.

[Art_133]

Привет.
Столкнулся с проблемой. Информация в компоненте List отображается некорректно, если dataPovider меняется.

Имеем два ArrayCollection, которые являются источником элементов для List:

<s:ArrayCollection id="galleryData">			
	<fx:String>First DataProvider</fx:String>
	<fx:String>First DataProvider</fx:String>
	<fx:String>First DataProvider</fx:String>
	<fx:String>First DataProvider</fx:String>
	<fx:String>First DataProvider</fx:String>
	<fx:String>First DataProvider</fx:String>
	<fx:String>First DataProvider</fx:String>
	<fx:String>First DataProvider</fx:String>
	<fx:String>First DataProvider</fx:String>
	<fx:String>First DataProvider</fx:String>
	<fx:String>First DataProvider</fx:String>
</s:ArrayCollection>
		
<s:ArrayCollection id="galleryData2">			
	<fx:String>Second DataProvider</fx:String>
	<fx:String>Second DataProvider</fx:String>
	<fx:String>Second DataProvider</fx:String>
</s:ArrayCollection>

Есть компонент List, свойству dataProvider которого, по нажатию на кнопки, передаём galleryData или galleryData2:

<s:List
	id="galleryList"
	width="350" height="100">	
	<s:layout>
		<s:TileLayout requestedColumnCount="3" horizontalGap="19" verticalGap="16" />
	</s:layout>
</s:List>

Кнопки:

<s:Group x="350">
	<s:layout>
		<s:HorizontalLayout />
	</s:layout>
		
	<s:Button label="1" click="{galleryList.dataProvider = galleryData; }" />
	<s:Button label="2" click="{galleryList.dataProvider = galleryData2; }" />
</s:Group>

Описание ошибки:
Когда мы по очереди меняем dataProvider (путём поочередного нажатия на кнопки) информация в List обновляется, но отображается не полностью, а видны только первые 3 элемента из первого ArrayCollection(galleryData).
Посмотреть можно по ссылке.
Как добиться корректного поведения List при смене dataProvider?
Спасибо за помощь.