when using scrollarea h-fit and max-h the scroll area doesn't allow the user to scroll.

[MonkeeMan1]

Hi,
I'm trying to setup scrollarea but have ran into an issue:
I don't want the scroll area to default to height 96 if there is not a lot of content to display, as it creates alot of empty space. Ideally, it should be h-fit (to fit the content) and if it exceeds max-h-96, then it will use the scroll wheel. With the current code, the scrollarea doesn't allow the user to scroll down the list!

I have made a code sandbox below to replicate the problem:
https://codesandbox.io/p/devbox/eloquent-galois-m6trmt?workspaceId=ws_2QqxbGUtKp6EC2tBE5We1d

[MonkeeMan1]

bump 😢

[alekseykurylev]

<ScrollAreaPrimitive.Root
  data-slot="scroll-area"
  className={cx(
    "relative flex h-full w-full flex-col overflow-hidden",
    className,
  )}
  {...props}
>
...
</ScrollAreaPrimitive.Root>