diff --git a/src/components/Slider/Slider.tsx b/src/components/Slider/Slider.tsx index a7314b45a..6d73b51a0 100644 --- a/src/components/Slider/Slider.tsx +++ b/src/components/Slider/Slider.tsx @@ -841,6 +841,9 @@ export const Slider: FC = React.forwardRef( styles.sliderTooltip, tooltipProps?.classNames, ])} + wrapperClassNames={ + mergedDisabled ? styles.hideSliderTooltip : '' + } closeOnReferenceClick={false} content={getTooltipContentByValue(val)} key={`value-tooltip-${index}`} diff --git a/src/components/Slider/slider.module.scss b/src/components/Slider/slider.module.scss index 586c78d3b..bf618d37d 100644 --- a/src/components/Slider/slider.module.scss +++ b/src/components/Slider/slider.module.scss @@ -136,6 +136,11 @@ $small-min-label-offset-with-steps: 0; &-tooltip { min-width: max-content; } + + .hide-slider-tooltip { + opacity: 0; + visibility: hidden; + } } .rail-marker-segments {