diff --git a/packages/react/src/components/Slider/Slider.tsx b/packages/react/src/components/Slider/Slider.tsx index a10ae0c24153..ac9761dc3e40 100644 --- a/packages/react/src/components/Slider/Slider.tsx +++ b/packages/react/src/components/Slider/Slider.tsx @@ -1518,7 +1518,7 @@ class Slider extends PureComponent { hasTooltip={hideTextInput} className={lowerThumbWrapperClasses} label={`${value}`} - align={twoHandles ? 'top-right' : 'top'} + align="top" {...lowerThumbWrapperProps}>
{ hasTooltip={hideTextInput} className={upperThumbWrapperClasses} label={`${valueUpper}`} - align="top-left" + align="top" {...upperThumbWrapperProps}>
.#{$prefix}--popover > .#{$prefix}--popover-caret { - inset-inline-end: 0; inset-inline-start: revert; transform: translate( 50%, @@ -159,7 +158,6 @@ } > .#{$prefix}--popover > .#{$prefix}--popover-caret { - inset-inline-start: 0; transform: translate( -50%, calc(-1 * custom-property.get-var('popover-offset', 0rem)) @@ -477,6 +475,11 @@ } } + // With hidden input + .#{$prefix}--popover-container.#{$prefix}--slider__thumb-wrapper { + position: absolute; + } + // Windows HCM fix /* stylelint-disable */ .#{$prefix}--slider__thumb {