ICEmobile
  1. ICEmobile
  2. MOBI-521

Accordion transitions not performant in Blackberry OS6

    Details

    • Type: Bug Bug
    • Status: Resolved
    • Priority: Major Major
    • Resolution: Won't Fix
    • Affects Version/s: 1.1 Final
    • Fix Version/s: None
    • Component/s: Faces, Spring
    • Labels:
      None
    • Environment:
      n/a

      Description


      The accordion transitions seem to weigh down the bb.

        Activity

        Hide
        Ted Goddard added a comment -

        It may not be possible to achieve smooth performance on the blackberry, but the animations should be revisited. In particular, they are currently not timed correctly. I had performed some initial analysis in 2012:

        Judy presented some accordion animation techniques on wednesday,
        and I was interested in seeing how they worked. I've created two
        simplified pages (these only work on webkit to make the details
        easier to modify):

        http://tetra.ice/~tedg/panes/simple.html
        http://tetra.ice/~tedg/panes/simple-multi.html

        The difference between the two accordions is that one has fixed-size
        panels and the other has variable size panels. Since CSS animations
        are specified by time and not by speed, it is not possible to have
        variable-sized panels with only one open at the time (it is possible,
        but the animation looks very strange and would be distracting). In
        any case, there are uses for accordions in both modes: single and
        multiple panels open simultaneously.

        Some notes:

        • we will need efficient and simple APIs for manipulating CSS
          attributes client-side, such as toggling one or many classes
          (note the use of "this" to simplify the onclick javascript)
        • it's very easy to create bizarre looking animations, so the main
          customization by application developers would be timings
        • simple.html makes use of data- attributes for storage – storing
          data in the DOM provides multiple instance scoping without
          complex state stored in JavaScript instances
        • I don't see any issues with the transform animation, however, we
          should avoid transition: all since this could easily animate
          attributes that we do not need to animate (such as use-specified
          attributes) and is likely more performance intensive.
        Show
        Ted Goddard added a comment - It may not be possible to achieve smooth performance on the blackberry, but the animations should be revisited. In particular, they are currently not timed correctly. I had performed some initial analysis in 2012: Judy presented some accordion animation techniques on wednesday, and I was interested in seeing how they worked. I've created two simplified pages (these only work on webkit to make the details easier to modify): http://tetra.ice/~tedg/panes/simple.html http://tetra.ice/~tedg/panes/simple-multi.html The difference between the two accordions is that one has fixed-size panels and the other has variable size panels. Since CSS animations are specified by time and not by speed, it is not possible to have variable-sized panels with only one open at the time (it is possible, but the animation looks very strange and would be distracting). In any case, there are uses for accordions in both modes: single and multiple panels open simultaneously. Some notes: we will need efficient and simple APIs for manipulating CSS attributes client-side, such as toggling one or many classes (note the use of "this" to simplify the onclick javascript) it's very easy to create bizarre looking animations, so the main customization by application developers would be timings simple.html makes use of data- attributes for storage – storing data in the DOM provides multiple instance scoping without complex state stored in JavaScript instances I don't see any issues with the transform animation, however, we should avoid transition: all since this could easily animate attributes that we do not need to animate (such as use-specified attributes) and is likely more performance intensive.

          People

          • Assignee:
            Philip Breau
            Reporter:
            Philip Breau
          • Votes:
            0 Vote for this issue
            Watchers:
            2 Start watching this issue

            Dates

            • Created:
              Updated:
              Resolved: