Remove padding must be > 50% range test

[patrickarlt]

I ran into an issue trying to create sliders like:

var slider = document.getElementById('slider');

noUiSlider.create(slider, {
  start: [14, 18],
  range: {
    min: 0,
    max: 18
  },
  padding: [12, 0],
  step: 1
});

Where padding exceeds half the range which causes the:

'padding' option must be less than half the range.

error. I tested removing this option in my application and didn't see any negative side effects and thought I would PR it. This doesn't seems to cause any tests to fail.

[leongersen]

Thanks for the pull request! This was in there to make sure the padding wasn't the full range (>50% * 2 = >100%). It wasn't properly updated when adding support for different paddings on either side of the slider. I think we could change the test to parsed.padding[0] + parsed.padding[1] >= 100. That'd resolve your case, too.

[patrickarlt]

@leongersen sounds good. I'll update this PR to change the test to parsed.padding[0] + parsed.padding[1] >= 100 and add some new test. I should be able to get to this next week.

[gabrielDevlog]

Hi guyz
Is this MR going to be merged soon ? I ran on this error too, with the same use-case.

[leongersen]

I just released noUiSlider 11.1.0 that has this fix. Thanks for reporting!

[bazineta]

I'm curious if there's a non-negotiable reason for the test being >= 100, rather than > 100.

A sample use case is that I have n sliders that together comprise a total allocation, and a budget that that total is against. As the sliders are actuated, one can then apply padding to limit the sliders to how much of the budget remains.

In that scenario, if for example a given slider is at 0 and the budget has been completely allocated by the other sliders, then you'd want to set the padding on that slider to the full range; there's no budget left, so the slider can't leave 0.

However, that seems not to be possible at present. Should it be?