From 66c7f6d73b4732409b1d7cf8458cfda054ea020a Mon Sep 17 00:00:00 2001
From: Greg <greg@studable.com>
Date: Sun, 12 Nov 2023 02:36:35 -0500
Subject: [PATCH] fix(scroll-area): horizontal scroll bar not visible (#1829)

PRs #1515 and #1296 interfere with each other and cause the horizontal scroll bar to not be visible. This removes the conditional `flex-1`, however you could also remove `flex-col` to achieve the same result.

before:

https://github.com/shadcn-ui/ui/assets/9381099/6514de2e-e353-4d0b-bd24-aff79e0d5161

after:


https://github.com/shadcn-ui/ui/assets/9381099/3205baad-569b-4096-8dcd-9beb794de536
---
 apps/www/registry/default/ui/scroll-area.tsx  | 5 +----
 apps/www/registry/new-york/ui/scroll-area.tsx | 5 +----
 2 files changed, 2 insertions(+), 8 deletions(-)

diff --git a/apps/www/registry/default/ui/scroll-area.tsx b/apps/www/registry/default/ui/scroll-area.tsx
index 2426616498..cc6c8f50b2 100644
--- a/apps/www/registry/default/ui/scroll-area.tsx
+++ b/apps/www/registry/default/ui/scroll-area.tsx
@@ -41,10 +41,7 @@ const ScrollBar = React.forwardRef<
     {...props}
   >
     <ScrollAreaPrimitive.ScrollAreaThumb
-      className={cn(
-        "relative rounded-full bg-border",
-        orientation === "vertical" && "flex-1"
-      )}
+      className="relative flex-1 rounded-full bg-border"
     />
   </ScrollAreaPrimitive.ScrollAreaScrollbar>
 ))
diff --git a/apps/www/registry/new-york/ui/scroll-area.tsx b/apps/www/registry/new-york/ui/scroll-area.tsx
index 2426616498..cc6c8f50b2 100644
--- a/apps/www/registry/new-york/ui/scroll-area.tsx
+++ b/apps/www/registry/new-york/ui/scroll-area.tsx
@@ -41,10 +41,7 @@ const ScrollBar = React.forwardRef<
     {...props}
   >
     <ScrollAreaPrimitive.ScrollAreaThumb
-      className={cn(
-        "relative rounded-full bg-border",
-        orientation === "vertical" && "flex-1"
-      )}
+      className="relative flex-1 rounded-full bg-border"
     />
   </ScrollAreaPrimitive.ScrollAreaScrollbar>
 ))