[FLEX-22401] CLONE -[SDK] SDK 4.0: With big verticalScrollPosition and/or horizontalScrollPosition values, contents inside Panel/Group may disappear

• Type: Bug
• Status: Closed
• Priority: Minor
• Resolution: Duplicate
• Affects Version/s: Adobe Flex SDK Previous
• Component/s: Layout - General
• Environment: Affected OS(s): Mac; Affected OS(s): Mac OS 10.6; Browser: Firefox 3.x; Language Found: English
• Assignee: Adobe JIRA
• Reporter: Adobe JIRA
• Created: 10/Dec/09 16:39
• Updated: 15/Apr/11 14:59
• Resolved: 10/Dec/09 16:57

Description

New, SDK steps:

1. Create a new Flex 4 app and replace your main app with the following:
<?xml version="1.0" encoding="utf-8"?>
<!-- http://blog.flexexamples.com/2009/11/14/clipping-the-content-in-a-spark-panel-container-in-flex-4/ -->
<s:Application name="Spark_Panel_contentGroup_clipAndEnableScrolling_test"
xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/halo">
<s:controlBarContent>
<s:CheckBox id="chckBx"
label="clipAndEnableScrolling" />
</s:controlBarContent>

<s:Panel id="pnl"
title="Spark Panel title"
width="363" height="289" x="217" y="60" >
<s:layout>
<s:VerticalLayout horizontalScrollPosition="300" clipAndEnableScrolling="

{chckBx.selected}

"/>
</s:layout>
<s:Rect width="400" height="300">
<s:fill>
<s:LinearGradient rotation="45">
<s:GradientEntry color="red" />
<s:GradientEntry color="white" />
<s:GradientEntry color="blue" />
</s:LinearGradient>
</s:fill>
</s:Rect>
<s:Button label="Button"/>
</s:Panel>

</s:Application>

Original Builder steps:
Steps to reproduce:
[The issue was found on Flash Builder compiled from latest source code on Nov 11, 2009.]
1. Add a <s:Panel> to main application file of a Flex Project, then add a Button and a CheckBox inside the Panel;
2. In Design View, set spark.layouts.VerticalLayout for the Panel in GPI;
3. In PI Category view, expand category "Layout", set clipAndEnableScrolling to be "true".
4. In PI Category view, set various values for verticalScrollPosition and/or horizontalScrollPosition, notice the display of the Button and CheckBox inside the Panel;
5. with values of verticalScrollPosition and/or horizontalScrollPosition that result in Button and CheckBox disappears from the enclosing Panel, run the application

Actual Results:

• step 4, when verticalScrollPosition and/or horizontalScrollPosition have values big enough, the Button and CheckBox disappears from the enclosing Panel in Design view; and no scroll bar (veritcal or horizontal) is shown;
• step 5, the Button and CheckBox are not shown in the enclosing Panel and no scroll bar (veritcal or horizontal) is shown;

Expected Results:

• not sure. But the bottom line is, the Panel's contents should not disappear in Design view and/or in runtime app.

[Note, when clipAndEnableScrolling has value "false", setting verticalScrollPosition and/or horizontalScrollPosition values seems has no impact of display/layout of the Panel's contents. Assume this is expected.]

Workaround (if any):