Scroller slow in Google Chrome

Question

I have a horizontal Flex SDK scroller, with content that is very wide. This doesn't present a problem in firefox or safari, but in Google Chrome(on the mac, haven't tested on PC) the movement is very jerky. I can't imagine how to resolve this in the code, if the result is inconsistent between browsers all I can think of is perhaps Google Chrome has a known problem with memory management or something similar... But then other people should be seeing this problem, and I can't see any other posts regarding it. Has anyone encountered this problem?
Regards,
Craig

Answer 1

Here's a simple example:
<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
               xmlns:s="library://ns.adobe.com/flex/spark">
    <fx:Script>
        <![CDATA[
            import mx.collections.ArrayList;
            public function getDataProvider(n:int):ArrayList {
                var arr:Array = new Array(n);
                for (var i:int = 0; i < n; i++)
                    arr[i] = i;
                return new ArrayList(arr);
        ]]>
    </fx:Script>
    <s:Scroller width="500">
        <s:DataGroup dataProvider="{getDataProvider(10000)}">
            <s:layout>
                <s:HorizontalLayout useVirtualLayout="true" />
            </s:layout>
            <s:itemRenderer>
                <fx:Component>
                    <s:ItemRenderer>
                        <s:Button label="{data}" />
                    </s:ItemRenderer>
                </fx:Component>
            </s:itemRenderer>
        </s:DataGroup>
    </s:Scroller>
</s:Application>
Notice that even with 10,000 items in the dataProvider the startup time is minimal since there are only 6 ItemRenderers in view at one time so only a few more than that need to be created.