Bug in drawer's animation

2 posts, 0 answers
  1. Sergei
    Sergei avatar
    44 posts
    Member since:
    Aug 2012

    Posted 17 Mar 2014 Link to this post

    This is something easier to show than to explain. Take a look at the video https://www.youtube.com/watch?v=ukW-2cUrGJM

    I mean to say "display:none" css in the video :)

    The gist: quick swiping creates a new transition before the current one completes, so onEnd event fires and hides the drawer in its open state.
    It is quite possible that quickly clicking the drawer button gives the same effect, but it is much hard to get since the button is moving during the transition.

    this.transition = new Transition({
        axis: AXIS,
        movable: this.movable,
        onEnd: function() {
            that._transitioning = false;
            if (movable[AXIS] === 0) {
                element[0].style.cssText = "";
  2. Petyo
    Petyo avatar
    2444 posts

    Posted 19 Mar 2014 Link to this post

    Hi Sergei,

    Indeed, the behavior you describe is not perfect. The good news is that we improved a lot of this in our upcoming Q1 release - the drawer should be far more responsive in such cases.

    The Q1 release will be released and announced later this week. Please give it a try and let us know how it goes. 

    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
Back to Top