Uploaded image for project: 'Apache Flex'
  1. Apache Flex
  2. FLEX-23118

DataGroup with TileLayout inside a Scroller has excess height

    XMLWordPrintableJSON

Details

    • Bug
    • Status: Closed
    • Minor
    • Resolution: Not A Problem
    • Adobe Flex SDK Previous
    • None
    • Spark: Scroller
    • None
    • Affected OS(s): All OS Platforms
      Affected OS(s): All OS Platforms
      Browser: Firefox 3.x
      Language Found: English

    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"
      xmlns:local="*">

      <fx:Declarations>
      <fx:Component className="MyDataGroup">
      <s:DataGroup>
      <s:layout><s:TileLayout /></s:layout>
      <s:itemRenderer>
      <fx:Component className="IR">
      <s:ItemRenderer>
      <s:Button label="

      {data}

      " height="100" width="100%" />
      </s:ItemRenderer>
      </fx:Component>
      </s:itemRenderer>
      <s:dataProvider>
      <s:ArrayList>
      <fx:String>0</fx:String>
      <fx:String>1</fx:String>
      <fx:String>2</fx:String>
      <fx:String>3</fx:String>
      <fx:String>4</fx:String>
      <fx:String>5</fx:String>
      <fx:String>6</fx:String>
      <fx:String>7</fx:String>
      <fx:String>8</fx:String>
      <fx:String>9</fx:String>
      <fx:String>10</fx:String>
      <fx:String>11</fx:String>
      </s:ArrayList>
      </s:dataProvider>
      </s:DataGroup>
      </fx:Component>
      </fx:Declarations>

      <s:layout>
      <s:VerticalLayout />
      </s:layout>

      <s:Group>
      <s:Rect width="100%" height="100%"><s:fill><s:SolidColor color="red" /></s:fill></s:Rect>

      <local:MyDataGroup width="1000" />
      </s:Group>

      <s:Group>
      <s:Rect width="100%" height="100%"><s:fill><s:SolidColor color="red" /></s:fill></s:Rect>

      <s:Scroller>
      <local:MyDataGroup width="1000" />
      </s:Scroller>
      </s:Group>

      <s:Group>
      <s:Rect width="100%" height="100%"><s:fill><s:SolidColor color="red" /></s:fill></s:Rect>

      <s:Scroller width="1000">
      <local:MyDataGroup />
      </s:Scroller>
      </s:Group>

      </s:Application>

      2.
      3.

      Actual Results:

      The third red rect is much taller than it should be.

      Expected Results:

      All three red rects should be the same size.

      Workaround (if any):

      Set the width on the DataGroup instead of the Scroller (see the second DataGroup in the code above)

      Attachments

        Activity

          People

            adobejira Adobe JIRA
            adobejira Adobe JIRA
            Votes:
            0 Vote for this issue
            Watchers:
            0 Start watching this issue

            Dates

              Created:
              Updated:
              Resolved: