`ScrollArea` doesn't work with reversed layouts (`column-reverse`)

[benoitgrelard]

Discussed in https://github.com/radix-ui/primitives/discussions/1449

^{Originally posted by Miloshinjo June 6, 2022} Hello,

I have a task where I need to make scroll area scroll from bottom -> top. Easiest way to do this is via column-reverse from flexbox, but UI looks fine, but thumb is not moving when I'm scrolling. Is there something I'm doing wrong, and also, does ScrollArea support that kind of behavior?

Example: Imaging scrolling slack chat from bottom to top. That's the behaviour I'm trying to implement with ScrollArea.

Thanks

[benoitgrelard]

https://github.com/radix-ui/primitives/discussions/1449#discussioncomment-2897383

[benoitgrelard]

Example: https://codesandbox.io/s/silent-glade-beppek?file=/App.js