[FLEX-14607] Support constraints perpendicular to layout direction in HBox / VBox

• Type: Improvement
• Status: Closed
• Priority: Major
• Resolution: Not A Problem
• Affects Version/s: Adobe Flex SDK 3.0 (Release)
• Component/s: mx: Box View
• Environment: Affected OS(s): All OS Platforms; Language Found: English
• Assignee: Adobe JIRA
• Reporter: Adobe JIRA
• Created: 23/Apr/08 15:24
• Updated: 21/May/08 12:14
• Resolved: 21/May/08 12:13

Description

Steps to reproduce:
1. Compile and run the following code:
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">

<mx:HBox width="200" height="100" backgroundColor="white">
<mx:Canvas top="3" bottom="3" width="50%" backgroundColor="blue" />
<mx:Label verticalCenter="0" width="50%" text="Foo" />
</mx:HBox>

</mx:Application>

Actual Results:
The blue Canvas is invisible (because it has height 0). The text is top-aligned.

Expected Results:
The blue Canvas fills all the vertical space except for the top and bottom 3 pixels. The text is vertically centered.

Workaround (if any):
You can use padding on the HBox only if all items will have the same top/bottom margin.
You can use verticalAlign on the HBox only if all items will be vertically centered.
Otherwise, start wrapping everything in a nested VBox... yuck.