From 18b18f93d37d7af17c98fd06b149ce5dd6b64163 Mon Sep 17 00:00:00 2001
From: Hunter Johnston <64506580+huntabyte@users.noreply.github.com>
Date: Mon, 28 Oct 2024 14:12:35 -0400
Subject: [PATCH] next: fix scroll area (#1387)

---
 .../default/ui/scroll-area/scroll-area-scrollbar.svelte       | 4 ++--
 .../new-york/ui/scroll-area/scroll-area-scrollbar.svelte      | 1 +
 .../lib/registry/new-york/ui/scroll-area/scroll-area.svelte   | 2 +-
 3 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/sites/docs/src/lib/registry/default/ui/scroll-area/scroll-area-scrollbar.svelte b/sites/docs/src/lib/registry/default/ui/scroll-area/scroll-area-scrollbar.svelte
index 869932f60..b4360561e 100644
--- a/sites/docs/src/lib/registry/default/ui/scroll-area/scroll-area-scrollbar.svelte
+++ b/sites/docs/src/lib/registry/default/ui/scroll-area/scroll-area-scrollbar.svelte
@@ -16,8 +16,8 @@
 	{orientation}
 	class={cn(
 		"flex touch-none select-none transition-colors",
-		orientation === "vertical" && "h-full w-2.5 border-l border-l-transparent p-[1px]",
-		orientation === "horizontal" && "h-2.5 flex-col border-t border-t-transparent p-[1px]",
+		orientation === "vertical" && "h-full w-2.5 border-l border-l-transparent p-px",
+		orientation === "horizontal" && "h-2.5 w-full border-t border-t-transparent p-px",
 		className
 	)}
 	{...restProps}
diff --git a/sites/docs/src/lib/registry/new-york/ui/scroll-area/scroll-area-scrollbar.svelte b/sites/docs/src/lib/registry/new-york/ui/scroll-area/scroll-area-scrollbar.svelte
index b99640806..b4360561e 100644
--- a/sites/docs/src/lib/registry/new-york/ui/scroll-area/scroll-area-scrollbar.svelte
+++ b/sites/docs/src/lib/registry/new-york/ui/scroll-area/scroll-area-scrollbar.svelte
@@ -12,6 +12,7 @@
 </script>
 
 <ScrollAreaPrimitive.Scrollbar
+	bind:ref
 	{orientation}
 	class={cn(
 		"flex touch-none select-none transition-colors",
diff --git a/sites/docs/src/lib/registry/new-york/ui/scroll-area/scroll-area.svelte b/sites/docs/src/lib/registry/new-york/ui/scroll-area/scroll-area.svelte
index ece2ab26e..9943f837b 100644
--- a/sites/docs/src/lib/registry/new-york/ui/scroll-area/scroll-area.svelte
+++ b/sites/docs/src/lib/registry/new-york/ui/scroll-area/scroll-area.svelte
@@ -18,7 +18,7 @@
 	} = $props();
 </script>
 
-<ScrollAreaPrimitive.Root {...restProps} class={cn("relative overflow-hidden", className)}>
+<ScrollAreaPrimitive.Root bind:ref {...restProps} class={cn("relative overflow-hidden", className)}>
 	<ScrollAreaPrimitive.Viewport class="h-full w-full rounded-[inherit]">
 		{@render children?.()}
 	</ScrollAreaPrimitive.Viewport>