slider and leftSide Nav Menu on dragging event

[mercuriete]

When you are dragging a slider on a mobile phone, the left side navigation menu is opened at the sime time that you drag the slider.

it is annoing because you cant use sliders at all in your page.

reproduce:

1. go to this page in chrome with a mobile device.
   http://material-ui.com/#/components/sliders

2. try to drag the slider

3. the left navigation menu is opened at the same time so the focus is on both element.

thanks for this awsome product.

[nicholas-l]

I can confirm, the LeftNav opens at the same time as the sliders. Is there anyway to ignore the LeftNav slide open part if it is not from the far left? i.e. only slide open the LeftNav if the slide originates from the far left side.

[violinchris]

I was just dealing with this issue. At Around line 252 in left-nav.jsx. I think this works for me, but I haven't thought about what is the best way.

_onBodyTouchStart: function _onBodyTouchStart(e) {
if (e.touches[0].pageX > 10) return;

[shaurya947]

I can confirm this. @oliviertassinari what do you think about the change suggested by @violinchris above?

[alitaheri]

if (e.touches[0].pageX > 10) return;

Hmmm this might also solve the swipeable Tabs issue. thoughts @oliviertassinari ?

[oliviertassinari]

_onBodyTouchStart: function _onBodyTouchStart(e) {
    if (e.touches[0].pageX > 10) return;

I don't know if 10 is enough, but yes, the idea is here 👍.
Just don't forget to check that the slider is closed