Material-ui: Hide leftnav on overlay click

[fpaboim]

I'm able to open and close the leftnav using the state.open property but clicking on the overlay to dismiss the nav menu is not working. Should this work out of the box or do I have to do something? If so, how would I go about doing this?

[SPAHI4]

Same too

[payner35]

+1

[oliviertassinari]

That does not work out of the box, have a look at the second example of http://www.material-ui.com/#/components/left-nav.
You need to handle onRequestClose.

[skosch]

To spare future visitors the trip to the docs, it's as simple as adding e.g.

open={this.state.open}
onRequestChange={open => this.setState({open})}

... if you're using this.state.open to keep track of the open/closed state.

[eblanchette]

I believe you have to set the docked property to false for it to work. onRequestChange won't get fired