change listener

[AlexRevin]

I would suggest adding an option to fire event passed by props on handleDragEnd callback, rather than onChange.
In my specific case, there's quite a resource consuming real-time filtering process, which hangs the browser as there is a tremendous amount of events fired while dragging the slider.

This is how I see it:

 handleDragEnd(e) {
    document.removeEventListener('mousemove', this.handleDrag);
    document.removeEventListener('mouseup', this.handleDragEnd);
    if(this.props.onDragEnd) {
       this.props.onDragEnd({x: x, y: y});
    }
  }, 

In this case, it will be possible to omit the onChange callback, but use the onDragEnd only, which will fire only when dragging is finished.

[wangzuo]

What about a dragEndChange flag?

[AlexRevin]

Totally up to you, I've implemented something like said above in fork, but that was a very fast and robust hack.
Still, could be worth looking at, works fine for me!

https://github.com/AlexRevin/react-input-slider

[wangzuo]

👍