feat(sidenav): add swipe functionality

[rafaelss95]

Bug, feature request, or proposal:

Feature request

What is the expected behavior?

It'd be great to have the functionality of swipe in md-sidenav, like in https://material.io/guidelines/.

What are the steps to reproduce?

Open https://material.io/guidelines/ in mobile and see how the swipe on menu works.

Is there anything else we should know?

The same feature request was requested in material(1) here and at some point it was implemented, but not merged.

[jelbourn]

We do plan on doing this.

[thomasmoon]

Hi, I have only recently jumped on the angular wagon and find all of the different versions to be completely confusing. At the moment I have an app underway using Angular2 and the material web components which seems to be a fairly reliable stack, however following the evolution of this feature I'm beginning to question my choice.

This is absolutely basic functionality for a sidenav, which I have first encountered when using a similar component in Nativescript. The fact that this was first suggested in 2014 and yet 3 years later is only in the plans is extremely frustrating! Apparently someone has implemented the feature, but because of the management of the project and "surge focus on material 2" it never got merged. This is enough to make me dump the whole Angular2 project and take Polymer web components into use since they have implemented drag on their sidenav component. This is needless to say disappointing since otherwise the material library has worked reasonably well. There were a lot of plus ones originally on this feature, I suspect it should have been given higher priority.

[bradyshutt]

@jelbourn, is there an ETA for when this will be implemented?

I don't see any reference to this in the "In progress, planned, and non-planned features" section of the readme.

[Zwilla]

Is there any workaround?
thx

[mahmoudajawad]

@RafaelSS99, in fact there's a better example from the rival library:
http://www.material-ui.com/#/components/drawer

Facebook-backed JS library has better material drawer (yes, they also use the official term) than Google-backed TS framework!

[Airblader]

@AjawadMahmoud material-ui is for React.

[mahmoudajawad]

Wasn't my comment clear enough, @Airblader?

[Airblader]

Well you are presenting it as an alternative to Angular Material. But it works with an entirely different technology.

[mahmoudajawad]

This was just an example. At the end of the day it's JavaScript beneath it. I can rewrite the exact procedure back for Angular.

…

On Fri, 1 Dec 2017, 10:03 Ingo Bürk, ***@***.***> wrote: Well you are presenting it as an alternative to Angular Material. But it works with an entirely different technology. — You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub <#5712 (comment)>, or mute the thread <https://github.com/notifications/unsubscribe-auth/AATVPmaVKb9QpeazZxuXF4QBP-hW7yhNks5s75atgaJpZM4OWUqo> .

[christophbuehler]

Polymer's swipeable sidenav is the only implementation I know of that enhances UX and it has been like that for at least two years:
http://polymerelements.github.io/app-layout/templates/shrine
A poor implementation (material-ui for instance) is worse than no implementation.