Slider drags very slow

When I implemented this in a sample project it was working fine, but when I implement in my project It works like a slow-mo movie.

I used this in my search filter section, and there are lots of rendering every filter change corresponds to re-render.

this.state = {
	filterParams: {
		value:{
			min:100,
			max:7000,
		},
	},
};




<InputRange
	ref="react_input_range"
	maxValue={7000}
	minValue={100}
	step={100}
	value={this.state.filterParams.value}
	onChange={value => this.changePriceRangeHandler(value)} 
/>

[B4R05]

May be slightly unrelated but if that helps anyone consider that the transition property also contributes to making the slider thumb drag slowly.

Simply disable the built in transition property like so:

Before: .input-range__slider-container { transition: left 0.3s ease-out; }

After: .input-range__slider-container { transition: none; }

[stefanderaadt]

May be slightly unrelated but if that helps anyone consider that the transition property also contributes to making the slider thumb drag slowly.

Simply disable the built in transition property like so:

Before: .input-range__slider-container { transition: left 0.3s ease-out; }

After: .input-range__slider-container { transition: none; }

Also make sure to set:

.input-range__track {
    transition: none;
}

Otherwise the slider bar will still have a transition.