fix: scroll area scrollbars

huntabyte · Oct 28, 2024 · b090679 · b090679
1 parent 374cd33
commit b090679
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 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
@@ -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
@@ -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
@@ -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>