Merge pull request #678 from peuter/fix-slider

disable drag boundaries
CometVisu · Oct 29, 2017 · 74397c3 · 74397c3
2 parents 7b5109a + 0584cad
commit 74397c3
Showing 1 changed file with 20 additions and 1 deletion.
diff --git a/source/class/cv/ui/website/Slider.js b/source/class/cv/ui/website/Slider.js
@@ -68,6 +68,7 @@ qx.Class.define('cv.ui.website.Slider', {
   */
   members: {
     __pointerMoveEvent: null,
+    __positionKnob: null,
 
     init: function() {
       this.base(arguments);
@@ -106,7 +107,25 @@ qx.Class.define('cv.ui.website.Slider', {
     //overridden
     _onPointerMove : function(e) {
       this.__pointerMoveEvent = true;
-      this.base(arguments, e);
+      e.preventDefault();
+
+      if (this.__dragMode) {
+        // position normalization
+        var dragBoundaries = this._getDragBoundaries();
+        var dragPosition = Math.max(e.getDocumentLeft(), dragBoundaries.min);
+        dragPosition = Math.min(dragPosition, dragBoundaries.max);
+
+        var paddingLeft = Math.ceil(parseFloat(this.getStyle("paddingLeft")) || 0);
+        var positionKnob = dragPosition - this.getOffset().left - this._getHalfKnobWidth() - paddingLeft;
+
+        if (this.__positionKnob !== positionKnob) {
+          this.setValue(this._getNearestValue(dragPosition));
+          this._setKnobPosition(positionKnob);
+          this.emit("changePosition", positionKnob);
+          this.__positionKnob = positionKnob;
+        }
+        e.stopPropagation();
+      }
     },
 
     // overridden