[FLEX-14161] Panel contents overlap when using borderSkin style and layout=absolute

• Type: Bug
• Status: Closed
• Priority: Major
• Resolution: Later
• Affects Version/s: Adobe Flex SDK 3.0 (Release)
• Component/s: mx: Panel
• Environment: Affected OS(s): All OS Platforms; Affected OS(s): All OS Platforms; Language Found: English
• Assignee: Adobe JIRA
• Reporter: Adobe JIRA
• Created: 27/Feb/08 11:43
• Updated: 21/Jun/09 05:08
• Resolved: 16/Sep/08 13:18

Description

Steps to reproduce:
1. Create a new application, and paste this code:
<?xml version="1.0" encoding="utf-8"?>
<mx:Application
xmlns:mx="http://www.adobe.com/2006/mxml"
layout="vertical"
xmlns:local="*"
>

<mx:Style>
Panel

{ borderSkin: Embed(source="AreaWindow.png", scaleGridLeft="7", scaleGridTop="100", scaleGridRight="804", scaleGridBottom="402"); header-height: 26; padding-top: 26; padding-left: 6; padding-right: 6; padding-bottom: 7; }

</mx:Style>

<mx:Panel
layout="vertical"
width="400"
height="300"
title="Works right"
>
<mx:Box
width="50"
height="50"
backgroundColor="green"
/>
</mx:Panel>

<mx:Panel
layout="absolute"
width="400"
height="300"
title="Works wrong"
>
<mx:Box
width="50"
height="50"
backgroundColor="red"
/>
</mx:Panel>

</mx:Application>

Actual Results:
Content overlaps with header for the panel whose layout=absolute.

Expected Results:
Content should be inside panel, either as defined by the scaleGrid, or as defined by the padding-* style tags.

Workaround (if any):
No workaround fully solves the problem, but I can put a canvas inside of the panel and then use the canvas left,right,top,bottom properties to define the panel boundries. This is not a practical solution because the canvas has to be added every single time I extend a panel, or I have to write my own component to completely replace Panel.