Remove auto scroll from tabs

near · Aug 1, 2024 · 2ee8594 · 2ee8594
1 parent 15823f1
commit 2ee8594
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 18 deletions.
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@near-pagoda/ui",
-  "version": "0.2.5",
+  "version": "0.2.6",
   "description": "A React component library that implements the official NEAR design system.",
   "license": "MIT",
   "repository": {

diff --git a/src/components/Tabs.tsx b/src/components/Tabs.tsx
@@ -20,24 +20,8 @@ type TriggerProps = ComponentProps<typeof Primitive.Trigger> & {
 
 export const Root = forwardRef<HTMLDivElement, RootProps>(
   ({ size = 'default', value, variant = 'line', ...props }, ref) => {
-    const elementRef = useRef<HTMLDivElement | null>(null);
-
-    useEffect(() => {
-      const target = elementRef.current?.querySelector('[data-state="active"]') as HTMLButtonElement;
-      if (target) {
-        target.scrollIntoView();
-      }
-    }, [value]);
-
     return (
-      <Primitive.Root
-        className={s.root}
-        data-size={size}
-        data-variant={variant}
-        value={value}
-        ref={mergeRefs([ref, elementRef])}
-        {...props}
-      />
+      <Primitive.Root className={s.root} data-size={size} data-variant={variant} value={value} ref={ref} {...props} />
     );
   },
 );