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.
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();
}
}
});