fix: bind ref to ScrollArea.Root for proper scrolling functionality

DarthGigi · DarthGigi · commit eac9fed4fbdb · 2025-12-09T02:03:55.000+01:00
diff --git a/src/lib/components/ScrollAreaPrimitive.svelte b/src/lib/components/ScrollAreaPrimitive.svelte
@@ -47,7 +47,7 @@
   }
 </script>
 
-<ScrollArea.Root class={cn(className)} {...restProps}>
+<ScrollArea.Root bind:ref class={cn(className)} {...restProps}>
   <ScrollArea.Viewport bind:ref={viewRef} class={cn(viewClass)} onwheel={orientation === "horizontal" ? handleWheel : undefined}>
     {@render viewportChildren?.()}
   </ScrollArea.Viewport>

Original file line number	Diff line number	Diff line change
`@@ -47,7 +47,7 @@`
`47`	`47`	`}`
`48`	`48`	`</script>`
`49`	`49`
`50`		`-<ScrollArea.Root class={cn(className)} {...restProps}>`
	`50`	`+<ScrollArea.Root bind:ref class={cn(className)} {...restProps}>`
`51`	`51`	`<ScrollArea.Viewport bind:ref={viewRef} class={cn(viewClass)} onwheel={orientation === "horizontal" ? handleWheel : undefined}>`
`52`	`52`	`{@render viewportChildren?.()}`
`53`	`53`	`</ScrollArea.Viewport>`