[Slider] Set position: relative on range slider indicator (mui#1175)

mj12albert · Jan 3, 2025 · 2a75cf1 · 2a75cf1
1 parent 7b6739b
commit 2a75cf1
Showing 1 changed file with 4 additions and 0 deletions.
diff --git a/packages/react/src/slider/indicator/useSliderIndicator.ts b/packages/react/src/slider/indicator/useSliderIndicator.ts
@@ -7,13 +7,15 @@ import type { useSliderRoot } from '../root/useSliderRoot';
 function getRangeStyles(orientation: useSliderRoot.Orientation, offset: number, leap: number) {
   if (orientation === 'vertical') {
     return {
+      position: 'relative',
       bottom: `${offset}%`,
       height: `${leap}%`,
       width: 'inherit',
     };
   }
 
   return {
+    position: 'relative',
     insetInlineStart: `${offset}%`,
     width: `${leap}%`,
     height: 'inherit',
@@ -36,12 +38,14 @@ export function useSliderIndicator(
     internalStyles = getRangeStyles(orientation, trackOffset, trackLeap);
   } else if (orientation === 'vertical') {
     internalStyles = {
+      position: 'relative',
       bottom: 0,
       height: `${percentageValues[0]}%`,
       width: 'inherit',
     };
   } else {
     internalStyles = {
+      position: 'relative',
       insetInlineStart: 0,
       width: `${percentageValues[0]}%`,
       height: 'inherit',