How to avoid overlapping of 2 sliders thumb in multi thumb slider

[disizlapeste]

Hello
I m using your DUAL THUMB slider library in my web application.
But I noticed that when you drag max or min thumb, is possible to have overlapping effect and I don’t want this.. how is it possible to avoid this behaviour?
I analyse your code but I did not find any solution .. please can you help me ?? Thanks ?

[andreruffert]

@disizlapeste the current implementation's default behavior is thumb overlap for simplicity and to prevent edge cases.

To prevent thumb overlapping, the API would most likely need to be extended.

One possible way I could think of right now would be to introduce a new attribute e.g. minStepsBetweenThumbs to avoid thumbs with equal values?

This would not completely prevent thumb overlapping though. It always depends on the min, max, step configuration and the inline-size of the thumb.

What values would you expect the handles to have when placed next to each other?

[disizlapeste]

Hello @andreruffert and thanks for your suggestion.
when the handles are positioned close to each other, I expect that one can stop 1 step before..
for example if Thumb Min -> 4 & Thumb Max -> 8,
i expect user to be able to move Min Thumb (on right) until value 7 . .. in the same way i expect user to be able to move Max thumb (on Left) until value 5 ..

[disizlapeste]

@andreruffert ..Ok. this end of week, i will create a PR for this issue. i am pretty sure that this new feature will be more useful for many user.. Your library is very well implemented.. Congrats.

[andreruffert]

Cool, feel free to do so! 🙌

[disizlapeste]

Hello @andreruffert .. I managed the creation of new attribute minStepBetween , but i'm not able to create a new pull request, because i'm not a collaborator on this project.. i received a message from Github.. Is it possible??

[andreruffert]

Hello @andreruffert .. I managed the creation of new attribute minStepBetween , but i'm not able to create a new pull request, because i'm not a collaborator on this project.. i received a message from Github.. Is it possible??

I'm not aware of such a GitHub feature or repo setting... To propose changes to a repo you need to fork it first before you can open a PR.

---

The GitHub Docs are a great place for basic infos about collaborating with pull requests etc.

• Working with forks
• Creating a pull request from a fork

[andreruffert]

FYI: #184

[andreruffert]

I'm closing this thread because I haven't heard back from the original author 🤷‍♂️