1 Reply Latest reply on Jul 30, 2011 10:16 AM by Shongrunden

    Jumpy s:Wipe effect, why?

    Oregon97203

      In the following code, the s:Scroller named casesScroller to which the s:Wipe effect is applied in the transition from showCases to hideCases jumps 10 pixels to the left at the beginning of the s:Wipe effect, then repositions itself to its original location when the s:Wipe effect ends.

       

      Is there a known issues with the s:Wipe effect, which would cause its target to jump 10 pixels to the left at the start of the effect, then return to original position at the end of the effect?

       

      -------------------------

      <s:Panel>

       

          <s:states>

              <s:State name="hideCases"/>

              <s:State name="showCases"/>

          </s:states>


          <s:transitions>

              <s:Transition

                      fromState="hideCases"

                     toState="showCases">

                  <s:Sequence>

                      <s:Wipe

                          direction="down"

                          target="{this}"/>

                  </s:Sequence>

              </s:Transition>

              <s:Transition

                   fromState="showCases"

                   toState="hideCases">

                  <s:Sequence>

                      <s:Wipe

                          direction="up"

                          target="{this}"/>

                      <s:RemoveAction target="{casesScroller}"/>

                  </s:Sequence>

              </s:Transition>

          </s:transitions>

       

       

           <!-- THIS SCROLLER JUMPS WHEN WIPED, WHY? -->

          <s:Scroller id="casesScroller"

              width="100%" height="100%"

              includeIn="showCases">

              <s:DataGroup

                  dataProvider="{employeeSupportCases}"

                  itemRenderer="views.CaseRenderer">

                  <s:layout>

                      <s:TileLayout

                          horizontalGap="18"

                          verticalGap="18"/>

                  </s:layout>


              </s:DataGroup>

          </s:Scroller>

       

      <s:/Panel>