This is a migrated thread and some comments may be shown as answers.

Bug in drawer's animation

1 Answer 36 Views
Drawer (Mobile)
This is a migrated thread and some comments may be shown as answers.
Sergei
Top achievements
Rank 1
Sergei asked on 17 Mar 2014, 02:04 PM
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 = "";
            that.element.hide();
        }
    }
});

1 Answer, 1 is accepted

Sort by
0
Petyo
Telerik team
answered on 19 Mar 2014, 08:47 AM
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. 

Regards,
Petyo
Telerik
 
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
 
Tags
Drawer (Mobile)
Asked by
Sergei
Top achievements
Rank 1
Answers by
Petyo
Telerik team
Share this question
or