I’m struggling to explain this verbally, but hopefully some pictures will help. I have a horizontal layout where some items are outside of a scrollable area, and some are inside. All the items are the same height - the maximum height of the container.
Here’s a template of what it should look like when there is enough width to fit everything horizontally and there is no scrollbar visible. Specifically, here, the scrollable does not have “spacing” set. Note all the items extend down to the same baseline.
When the window width is reduced, the expected behaviour is that the container outside the scrollable is unaffected, and the scrollable area is activated:
Alas, the scrollbar is drawn on top of the containers - I don’t want that to be the case, so I can set the spacing parameter on the scrollable:
This is good, but what about when I widen the window again:
The scrollbar remains visible… I would like the scrollbar rail to disappear (as shown in the first image) when there is enough space such that the scrollbar is not needed. As well as disappearing, I would like the containers inside the scrollable to fill the height taken up by the spacing set on the scrollbar (again, as depicted in the first image).
I’ve spent some time digging around the docs and internal code, but I can’t see anywhere in the API that lets me achieve this. Any help would be much appreciated as usual.