fix(slider): inverted slider thumb in the wrong position (#439)

kobaltedev · Jun 29, 2024 · 0aa405c · 0aa405c
1 parent 35f3988
commit 0aa405c
Showing 1 changed file with 5 additions and 3 deletions.
diff --git a/packages/core/src/slider/slider-thumb.tsx b/packages/core/src/slider/slider-thumb.tsx
@@ -140,9 +140,11 @@ export function SliderThumb<T extends ValidComponent = "span">(
     return isVertical ? `translate(-50%, ${value}%)` : `translate(${value}%, -50%)`;
      */
 
-		return context.state.orientation() === "vertical"
-			? "translateY(50%)"
-			: "translateX(-50%)";
+		if (context.state.orientation() === 'vertical') {
+			return context.inverted() ? 'translateY(-50%)' :'translateY(50%)';
+		}
+
+		return context.inverted() ? 'translateX(50%)' : 'translateX(-50%)';
 	};
 
 	let startPosition = 0;