[@mantine/core] SegmetedControl: Fix floating indicator being invisib…

…le in uncontrolled component (#2454)
mantinedev · Sep 15, 2022 · 5024086 · 5024086
1 parent 145881b
commit 5024086
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 1 deletion.
diff --git a/src/mantine-core/src/SegmentedControl/SegmentedControl.story.tsx b/src/mantine-core/src/SegmentedControl/SegmentedControl.story.tsx
@@ -28,3 +28,7 @@ export function EmptyStringValue() {
     />
   );
 }
+
+export function InvisibleIndicator() {
+  return <SegmentedControl color="cyan" data={data} />;
+}
diff --git a/src/mantine-core/src/SegmentedControl/SegmentedControl.tsx b/src/mantine-core/src/SegmentedControl/SegmentedControl.tsx
@@ -212,7 +212,7 @@ export const SegmentedControl = forwardRef<HTMLDivElement, SegmentedControlProps
 
   return (
     <Box className={cx(classes.root, className)} ref={useMergedRef(observerRef, ref)} {...others}>
-      {typeof value === 'string' && shouldAnimate && (
+      {typeof _value === 'string' && shouldAnimate && (
         <Box
           component="span"
           className={classes.active}