I am trying to bound the knob from 0 degree to 359 degree. I have added bounds property to the object to bound the rotation.
bounds: {
minRotation: 0,
maxRotation: 359,
}
But, when I try to drag the knob from last quadrant(between 270 degree to 359 degree) then the drag jumps and start the drag from 0 degree.
I want the drag should occur from 0 to 359 degree and not to move like a wheel. The user has to drag in anti-clock wise direction to move at 0 degree.
Steps to reproduce:
Drag the knob till the last quadrant between 270 degree to 359 degree similar to the clock between 9 - 12 and then leave the mouse.
Start the drag again from where we have left between 270 degree to 359 degree. Here, you can see the drag starts from 0 degree even we have pressed the drag to start from last quadrant between 270 degree to 359 degree.
Drag works perfectly in 1st, 2nd and 3rd quadrant but have the issue in 4th quadrant.
If I remove the bounds property it works but, I want the bounds property to bound the drag from 0 to 359 degree. Thank you.