[FLEX-28579] Lots of components are displayed incorrectly when virtualLayout = true

• Type: Bug
• Status: Open
• Priority: Major
• Resolution: Unresolved
• Affects Version/s: Adobe Flex SDK 4.5.1 (Release)
• Component/s: Spark: VerticalLayout
• Environment: Affected OS(s): Windows; Affected OS(s): Windows 7; Language Found: English
• Assignee: Unassigned
• Reporter: Adobe JIRA
• Created: 20/Sep/11 15:41
• Updated: 04/Oct/11 16:06

Description

Steps to reproduce:
1. Make a layout with useVirtualLayout="true" (for examample VerticalLayout)
2. Add children (i have reproduced this with Rect, UIcomponent, DateChooser)

Actual Results:
The first few elements are stacked upon each other

Expected Results:
Elements are aligned correctly

Workaround (if any):
dont use virtualLayout

Example script:

<?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"
xmlns:mx="library://ns.adobe.com/flex/mx"
backgroundColor="0xeeeeee"
creationComplete="application1_creationCompleteHandler(event)">
<fx:Script><![CDATA[
import mx.controls.DateChooser;
import mx.events.FlexEvent;
import mx.graphics.SolidColor;

import spark.components.Button;
import spark.primitives.Rect;

protected function application1_creationCompleteHandler(event:FlexEvent):void{
for (var i:int=0; i<20; i++)

{ // button works OK: var b:Button = new Button; b.label = "Button "+i; qList.addElement(b); // most non-skinnable elements do not work: //var dc:DateChooser = new DateChooser(); //qList.addElement(dc) var rec:Rect = new Rect(); rec.height = 30; rec.width = 120; rec.alpha = 0.4 rec.fill = new SolidColor(0xFF00FF) qList.addElement(rec) }

}
]]
></fx:Script>

<s:Scroller width="100%" top="0" bottom="65" verticalScrollPolicy="on" >
<s:Group id="qList" width="100%" height="100%">
<s:layout><s:VerticalLayout useVirtualLayout="true" /></s:layout>
</s:Group>
</s:Scroller>
</s:Application>

Now the buttons are aligned correctly, but the first few Rect's are on top of each other.