[Résolu] Slidebar multithumb : éviter qu'un curseur dépasse un autre

Bonjour à tous,

Je tente de créer ma propre solution de curseurs pour deux mutlipouces : CodePen.

J'aimerais que le curseur minimum ne dépasse jamais le curseur maximum et vice versa.

J'ai donc fait ceci (vous trouverez l'ensemble du contexte JS sur le Pen) :

input[1].value = (valStop > Number(this.value)) ? valStop : (valStop + step)

et :

input[0].value = (valStart < Number(this.value)) ? valStart : (valStart - step)

Celà ne fonctionne que partiellement : si l'on dépasse le curseur trop vite on a tout de même un dépassement. Comment puis-je résoudre ce problème ?

Au final j'avais encore la possibilité de dépasser un curseur par son antagoniste, j'ai ajouté un onchange et ça fait le taf. Je ne sais pas factoriser le tout mais ce sera l'objet d'une autre question. Merci encore.