Min Max Slider Marker Issue

[VinitBhavsar]

• [x] I have searched existing issues
• [ ] I am using the latest multi slider version

Steps to Reproduce

<MultiSlider enabledOne={true} enabledTwo={true} isMarkersSeparated={true} onValuesChange={(value) => { let val = value.toString().split(",") this.setState({ minAge: val[0], maxAge: val[1] }) }} max={60} min={18} sliderLength={SCREEM_WIDTH - 90} values={[minAge, maxAge]} onToggleOne={() => { }} onToggleTwo={() => { }} allowOverlap={false} minMarkerOverlapDistance={10} minMarkerOverlapStepDistance={10} />

Expected Behavior

Actual Behavior

[faizansohail077]

Did you find the answer to this ? facing same issue.

[VinitBhavsar]

Nope @faizansohail077

[VinitBhavsar]

@faizansohail077 Try min-max value in single state. minMax: [23,28] Slider Props: <MultiSlider enabledOne={true} enabledTwo={true} isMarkersSeparated={true} onValuesChange={(value) => { this.setState({ minMax: value }) }} max={60} min={18} values={this.state.minMax} allowOverlap={false} />

[Anant5555]

@faizansohail077 Try min-max value in single state. minMax: [23,28] Slider Props: <MultiSlider enabledOne={true} enabledTwo={true} isMarkersSeparated={true} onValuesChange={(value) => { this.setState({ minMax: value }) }} max={60} min={18} values={this.state.minMax} allowOverlap={false} />

Hi Vinit, this one didnt fix it... Were you able the issue? I am facing the same

[VinitBhavsar]

@Anant5555 can you share your code?