From 667aacc6c8bcd5a81c58bdadc4b459d926d9d353 Mon Sep 17 00:00:00 2001
From: jeffvli <jeffvictorli@gmail.com>
Date: Wed, 8 Oct 2025 21:35:47 -0700
Subject: [PATCH] add prop configuration for X,Y scroll on ScrollArea

---
 src/shared/components/scroll-area/scroll-area.tsx | 14 ++++++++++++--
 1 file changed, 12 insertions(+), 2 deletions(-)

diff --git a/src/shared/components/scroll-area/scroll-area.tsx b/src/shared/components/scroll-area/scroll-area.tsx
index 7c6bc690d..7283f15c6 100644
--- a/src/shared/components/scroll-area/scroll-area.tsx
+++ b/src/shared/components/scroll-area/scroll-area.tsx
@@ -13,10 +13,20 @@ interface ScrollAreaProps extends React.ComponentPropsWithoutRef<'div'> {
     allowDragScroll?: boolean;
     debugScrollPosition?: boolean;
     scrollHideDelay?: number;
+    scrollX?: boolean;
+    scrollY?: boolean;
 }
 
 export const ScrollArea = forwardRef((props: ScrollAreaProps, ref: Ref<HTMLDivElement>) => {
-    const { allowDragScroll, children, className, scrollHideDelay, ...htmlProps } = props;
+    const {
+        allowDragScroll,
+        children,
+        className,
+        scrollHideDelay,
+        scrollX = false,
+        scrollY = true,
+        ...htmlProps
+    } = props;
 
     const containerRef = useRef(null);
     const [scroller, setScroller] = useState<HTMLElement | null | Window>(null);
@@ -24,7 +34,7 @@ export const ScrollArea = forwardRef((props: ScrollAreaProps, ref: Ref<HTMLDivEl
     const [initialize, osInstance] = useOverlayScrollbars({
         defer: false,
         options: {
-            overflow: { x: 'hidden', y: 'scroll' },
+            overflow: { x: scrollX ? 'scroll' : 'hidden', y: scrollY ? 'scroll' : 'hidden' },
             scrollbars: {
                 autoHide: 'leave',
                 autoHideDelay: scrollHideDelay || 500,