Dragging and dropping an item within horizontalList does not display correctly

Question

It appears that when I drag an item from a HorizontalList to another location within the same HorizonList, it does not display the images correctly. In my HorizontalList, I have an itemRenderer that shows the thumbnail image of the item.  I have about half a dozen items in the list and when I drag the sixth item and move to the beginning of the list, the display looks as if the first and the sixth element are switched, while in reality the resulting dataProvider array seems to have the right order, meaning the sixth element became the first element and the first element became the second element and so on. Has any one seen such a behavior and how do I rectify this? Thanks in advance. Cheers, Ramesh
The HorizontalList def is
<mx:HorizontalList id="myList" width="92%" height="100%" columnWidth="90" rowHeight="105" rollOverColor="#f26722"
                    itemRenderer="com.myListRenderer" labelField="name" dataProvider="{arr}" columnCount="10"
                    click="updateView(event)" dragEnabled="true" dropEnabled="true" dragMoveEnabled="true" >
</mx:HorizontalList>
The renderer code is
<?xml version="1.0" encoding="utf-8"?>
<mx:VBox xmlns:mx="http://www.adobe.com/2006/mxml" horizontalScrollPolicy="off" verticalScrollPolicy="off" horizontalAlign="center"
        verticalAlign="middle" width="90" height="90" verticalGap="0" creationComplete="init()" >
<mx:Script>
    <![CDATA[
        private function init():void {
            imageFile.source = data.url;
            imageName.text = data.name;
    ]]>
</mx:Script>
    <mx:Image id="imageFile" scaleContent="true" width="90" height="70" horizontalAlign="center" verticalAlign="middle"/>
    <mx:Label id="imageName" height="18" width="90" textAlign="left"/>
</mx:VBox>

Answer 1

Hi Alex,
In your blogpost on itemRenderers, you discussed something relevant in a brief section on "Background color changes when data changes". However, I could not find any reference for use on dataChange event handler. Can you pelase point me to the right article?
Implementing dataChange event instead of creationComplete did not solve my issue. I still had the issue. Thanks, Ramesh