In an example with vertical scrolling, when the ScrollArea is placed inside a div with "h-full", it stretches correctly and works fine, except for the thumb. The thumb does not resize to match the new constraints, and its position calculation remains as it was before the resize. Even when manually adjusting the element's style using some observers during resize, the ScrollArea still resets the thumb to the incorrect height and position.
Starting height:
After resizing the parent, the scrollbar adjusts correctly and fills the available height. However, the thumb should appear at the bottom in the last image. Currently, it stops halfway down, and its height should be almost 100%.
Describe the bug
In an example with vertical scrolling, when the ScrollArea is placed inside a div with "h-full", it stretches correctly and works fine, except for the thumb. The thumb does not resize to match the new constraints, and its position calculation remains as it was before the resize. Even when manually adjusting the element's style using some observers during resize, the ScrollArea still resets the thumb to the incorrect height and position.
Starting height:![image](https://github.com/huntabyte/bits-ui/assets/17699163/0d1749e0-5e8a-4f5f-804c-7bb143886b14)
After resizing the parent, the scrollbar adjusts correctly and fills the available height. However, the thumb should appear at the bottom in the last image. Currently, it stops halfway down, and its height should be almost 100%.![image](https://github.com/huntabyte/bits-ui/assets/17699163/c3e3beb1-75f6-4d2f-a3ff-5a65cc22bb50)
Reproduction
https://stackblitz.com/edit/github-61yp85?file=src%2Froutes%2F%2Bpage.svelte
Logs
No response
System Info
Severity
annoyance