[Slider] IE: sliders don't work

[luisrudge]

[luisrudge]

Ops, sorry. Forgot to add my browser info:

[bruce55]

Not able to drag it on Chrome 44.0.2403.9 either. It's only clickable here.

[luisrudge]

Works for me on Version 43.0.2357.81 m

[tyleo]

This is also broken for me. However, I can control the slider in Chrome via a touchscreen even when my mouse fails to work.

[lionkeng]

are there any updates on this? Would love to see it working on IE.

[lionkeng]

material-ui depends on react-draggable2, which in turn is based on react-draggable. In that repo, there was an issue filed concerning IE11 problems, see
react-grid-layout/react-draggable#51
which has been fixed here:
react-grid-layout/react-draggable@932efd6
I can't tell if this fix has been pulled into react-draggable2.

[RickFrom1987]

Would be nice to get the updated React-draggable, as the sliders don't work in IE.

[brokenalarms]

This happens to me with all browsers (Chrome, IE11, Edge, Firefox), in the docs and in my own projects. You can click anywhere on the slider and it will move, but as soon as you start to drag it the slider breaks, and you cannot drag or click that particular slider any more until you refresh.

The only update is that every new time you try to drag the (now broken) slider again, it keeps applying the class 'react-draggable' over and over to the body.

I have tried updating react-draggable with the slider component, but as per package requirements this is not fully compatible with current material-ui - you then gain the ability to drag up but not down, and the actual range handle is invisible.

My temp solution is just deleting
this.setState({ dragging: true, active: true });

in the onDragStart event in lib/slider.js. Then at least clicking on the handle itself does not prevent the slider from being clicked on directly elsewhere without the component needing to be refreshed again.

[igorbt]

@luisrudge bug was fixed in PR #1825 and merged, please retest and close.

[luisrudge]

Is the main website (http://material-ui.com/#/components/sliders) up to date? It still doesn't work when I test there.

[igorbt]

Not until next release.

[shaurya947]

@luisrudge can you double check? Closing this for now.

[luisrudge]

It's working, thanks!