Suggestion with non-crossable grips

[thinkMichel]

Given the custom style:

I wanted the handles not to cross, but also not overlap. I understand that this would currently result in the fact that the range values will not be the same on left and right. Which is fine for my use-case.

I modified the function "validateAndMoveGripsToPx", and included a conditional statement tin the if statement (last part:)

  'validateAndMoveGripsToPx': function (nextLeftGripPositionPx, nextRightGripPositionPx) {
            var $this = this;

            //[! edit:
            settings = $this.data('settings'); // added settings to get crossable_handles value
            // end edit !]
            var draggableAreaLengthPx = _methods.getSliderWidthPx.call($this) - $this.data('left_grip_width');

            //
            // Validate & Move
            //
            if (nextRightGripPositionPx <= draggableAreaLengthPx &&
                nextLeftGripPositionPx >= 0 &&
                nextLeftGripPositionPx <= draggableAreaLengthPx &&
                (!$this.data('has_right_grip') || nextLeftGripPositionPx <=
                nextRightGripPositionPx
                // [! edit:
                // subtract the grip width to let the handles stop when they touch..
                - (!settings.crossable_handles ? $this.data('left_grip_width') : 0)
                // end edit!]
                )) {

                var prevMin = $this.data('cur_min'),
                    prevMax = $this.data('cur_max');

                // note: also stores new cur_min, cur_max
                _methods.set_position_from_px.call($this, nextLeftGripPositionPx, nextRightGripPositionPx);

                // set the style of the grips according to the highlighted range
                _methods.refresh_grips_style.call($this);

                _methods.notify_changed_implicit.call($this, 'drag_move', prevMin, prevMax);
            }

            return $this;
        },

Of course it would be beter if this was an additional setting, because now when not allowing to cross, it will always force the 'no touch' policy (actually a better name would be 'touch slightly only' 😄 )