angular-slider/angularjs-slider

draggableRange allows to drag into restricted regions

sebakerckhof opened this issue · 2 comments

sebakerckhof commented

Steps to reproduce

  1. Have a slider with a restricted region and draggableRange set to true
  2. Drag the slider bar

Demo: http://jsfiddle.net/xk5tmq64/

Expected behaviour

You can't drag in the restricted region

Actual behaviour

You can drag into the restricted region, ending up with invalid values.

carlosen14 commented

you could detect when user stopped using the UI event, then evaluate if any of the two values is inside the forbidden area, and whether the first can be at the lowest in range, else move it to the highest and do the same with the second value.

it must be solved from the library, but this way you can work while it gets solved.

ValentinH commented

I've missed this issue 3 months ago. Indeed this should be pretty simple to handle this as part of the library. This behavior is actually a bug.

However, I'll probably won't have the time to implement a fix. I could provide some guidance if someone wants to submit a PR though 🙂