Use steps but having a fluid drag

[danieljuhl]

I was wondering if it is possible to have step values/ranges of step values, but still have a fluid drag experience. What I would like to accomplish is that the drag is fluid, and that the handle can be placed anywhere (no snapping), but only emits an event with the updated value, when the value changes (based on the ranges and steps).

As far as I can see, this feature is not in the library at the moment. Right?

[leongersen]

So basically, you want to 'round' the slider output to the nearest step?

[danieljuhl]

Yes, right now, the slider is visually snapping to the steps, but I would like it to move fluid between the steps in the ranges, but only output the nearest step.

[leongersen]

Are your steps linear?

[danieljuhl]

No... I have a sample here:

range: {
  'min': [0, 2],
  '35%': [10, 5],
  '50%': [25, 5],
  '75%': [50, 10],
  'max': [100]
}

[danieljuhl]

@leongersen are you willing to accept a PR if I give it a shot?

[leongersen]

Absolutely. I think you basically want to feed valueGet through toStepping. Shouldn't be too hard. What API would you propose?

[sjelfull]

If I understand your request correctly, @leongersen, I was about to ask for the same.

Look at example here: http://jmp.sh/nDH5TIE

You notice that there is an abrupt snapping between the points. I think it would be more user-friendly if it was moving smoothly between the steps, and snapping to the nearest point only if you let go. As it is now, if you want steps, it can't.

Heres another example: http://jmp.sh/cWQbhQx

[rmbaumer]

I'm looking for this functionality as well. Any update on this?

[rejas]

I'm currently wishing for the opposite issue (which was mentioned in #623 and is merged into this). So anyone working on this orwhats the common status?

[phpanos]

I'm also looking for this feature. Any workaround as of this point?

[heilwood]

is it any update on this feature?

[leongersen]

I've just added this in noUiSlider 15.6.0. There is a new smooth-steps behaviour flag, which implements this feature.

[prabathgamage]

What is the version of Jquery, which the current version of nouislider compatible with?

[github-actions]

This thread has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.