[FLEX-24836] Horizontally aligning elements in a TileLayout doesn't work when the container only has a couple items

• Type: Bug
• Status: Closed
• Priority: Minor
• Resolution: Not A Problem
• Affects Version/s: Adobe Flex SDK Previous
• Component/s: Spark: Layout
• Environment: Affected OS(s): All OS Platforms; Affected OS(s): All OS Platforms; Language Found: English
• Assignee: Adobe JIRA
• Reporter: Adobe JIRA
• Created: 11/Aug/10 11:07
• Updated: 30/Aug/10 19:17
• Resolved: 30/Aug/10 15:54

Description

Steps to reproduce:
1. Compile and run:

<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
width="100%">

<s:TileGroup width="100%" horizontalAlign="center" columnAlign="justifyUsingWidth">
<s:Button label="Hello" />
<s:Button label="Hello" />
</s:TileGroup>

</s:Application>

2.
3.

Actual Results:

The two buttons seem to be aligned to the left of the application.

Resizing the width of the app causes the buttons to jump around.

Expected Results:

The two buttons should be horizontally aligned in the middle of the application.

Workaround (if any):

Set requestedColumnCount="2" on the layout.