react-range-slider icon indicating copy to clipboard operation
react-range-slider copied to clipboard

Slider not performing well when wrapped inside column inside bootstrap 'row' div

Open AAHossny opened this issue 9 years ago • 2 comments

Slider glitch and not move to right position when wrap it inside column inside bootstrap row div

Example:

<div classname="row">
  <div classname="col-md-9">
    <Slider ... />
  </div>
</div>

AAHossny avatar Oct 18 '16 08:10 AAHossny

What glitch are you seeing? I'm also using it inside bootstrap row. For me it suddenly jumps in value when I release the mouse. Below is what I see when I log the handlers:

handleChange(): Object {start: 0, end: 2} handleChange(): Object {start: 0, end: 3} handleChange(): Object {start: 0, end: 4} handleChange(): Object {start: 0, end: 5} handleChange(): Object {start: 0, end: 6} handleChange(): Object {start: 0, end: 7} handleChange(): Object {start: 0, end: 8} handleChange(): Object {start: 0, end: 9} handleChange(): Object {start: 0, end: 10} handleChange(): Object {start: 0, end: 11} handleChange(): Object {start: 0, end: 12} <- At this point, mouseup handleChange(): Object {start: 0, end: 45} handleAfterChange(): Object {start: 0, end: 45}

hectoroso avatar Jan 26 '17 00:01 hectoroso

Hi @AAHossny, @hectoroso : I will look into this issue.

jpuri avatar Jan 26 '17 17:01 jpuri