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

ItemSnapping : Items dont snap at the correct edge when turned while an animation is performed

    XMLWordPrintableJSON

Details

    • Bug
    • Status: Closed
    • Major
    • Resolution: Fixed
    • Adobe Flex SDK 4.6 (Release)
    • Mobile: List
    • None
    • Affected OS(s): All OS Platforms
      Language Found: English

    Description

      Steps to reproduce:
      1. Create a simple scroller and set scrollSnappingMode to either "center" "leadingEdge" or "trailingEdge" as below: (assets attached)

      <s:Scroller id="imageScroller" top="61" width="100%" height="100%" verticalScrollPolicy="on"
      horizontalScrollPolicy="off" scrollSnappingMode="center">
      <s:VGroup id="imageGroup" height="100%" width="100%" clipAndEnableScrolling="true" gap="0">
      <s:Image width="

      {imageGroup.width}" height="{imageGroup.height}" verticalAlign="middle" horizontalAlign="center" enableLoadingState="true"
      source="assets/Chrysanthemum.jpg"/>
      <s:Image width="{imageGroup.width}

      " height="

      {imageGroup.height/2}" verticalAlign="middle" horizontalAlign="center"
      enableLoadingState="true"
      source="assets/Desert.jpg" />
      <s:Image width="{imageGroup.width}" height="{imageGroup.height}" verticalAlign="middle" horizontalAlign="center"
      enableLoadingState="true"
      source="assets/Hydrangeas.jpg"/>
      <s:Image width="{imageGroup.width}" height="{imageGroup.height/2}

      " verticalAlign="middle" horizontalAlign="center"
      enableLoadingState="true"
      source="assets/Jellyfish.jpg" />
      <s:Image width="

      {imageGroup.width}" height="{imageGroup.height}" verticalAlign="middle" horizontalAlign="center"
      enableLoadingState="true"
      source="assets/Koala.jpg"/>
      <s:Image width="{imageGroup.width}

      " height="

      {imageGroup.height}" verticalAlign="middle" horizontalAlign="center"
      enableLoadingState="true"
      source="assets/Lighthouse.jpg" />
      <s:Image width="{imageGroup.width}" height="{imageGroup.height/2}" verticalAlign="middle" horizontalAlign="center"
      enableLoadingState="true"
      source="assets/Penguins.jpg"/>
      <s:Image width="{imageGroup.width}" height="{imageGroup.height}

      " verticalAlign="middle" horizontalAlign="center"
      enableLoadingState="true"
      source="assets/Tulips.jpg" />
      </s:VGroup>
      </s:Scroller>
      2. Initiate a throw on the scroller and rotate device in the middle of the throw such that the item is not at "center"

      Actual Results:
      When rotated, the scroller does not snap at the edge corresponding to the scrollSnappingMode, instead lands at any pixel.

      Expected Results:
      When rotated, should land at an item snapped at corresponding edge.

      Workaround (if any):

      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: