diff --git a/src/js/bootstrap-slider.js b/src/js/bootstrap-slider.js index 219460e4..8f5e3885 100644 --- a/src/js/bootstrap-slider.js +++ b/src/js/bootstrap-slider.js @@ -1314,6 +1314,24 @@ const windowIsDefined = (typeof window === "object"); } this.tickLabelContainer.style[styleMargin] = this.sliderElem.offsetWidth / 2 * -1 + 'px'; } + + /* Set class labels to indicate tick labels are in the selection or selected */ + this._removeClass(this.tickLabels[i], 'label-in-selection label-is-selection'); + if (!this.options.range) { + if (this.options.selection === 'after' && percentage >= positionPercentages[0]) { + this._addClass(this.tickLabels[i], 'label-in-selection'); + } else if (this.options.selection === 'before' && percentage <= positionPercentages[0]) { + this._addClass(this.tickLabels[i], 'label-in-selection'); + } + if (percentage === positionPercentages[0]) { + this._addClass(this.tickLabels[i], 'label-is-selection'); + } + } else if (percentage >= positionPercentages[0] && percentage <= positionPercentages[1]) { + this._addClass(this.tickLabels[i], 'label-in-selection'); + if (percentage === positionPercentages[0] || positionPercentages[1]) { + this._addClass(this.tickLabels[i], 'label-is-selection'); + } + } } } }