BbScrollArea vertical scrolling never shows a scroll bar

[DCarlson12]

When using BbScrollArea, the vertical scroll option never shows the scroll bar even when using ScrollAreaType.Always. This is evident on the demo pages. Horizontal scroll appears to work fine.

[mathewtaylor]

Fixed in #489, merged to develop.

Neither scrollbar was taken out of flow. The root is position: relative; overflow: hidden and the viewport is sized width: 100%; height: 100%, so a scrollbar rendered as the viewport's sibling was laid out after it and clipped away by the root. The JS was never at fault — it sized and positioned the thumb correctly the whole time, against an element the browser was never going to paint. Type made no difference because the failure is in layout rather than visibility, which is why Always looked as broken as Hover.

Your read on horizontal was right, and it is the same defect: its demo lets the root grow rather than constraining it, so there was nothing below the viewport to clip against. The example hid it.

Both scrollbars are now pinned to their edge. I also added the missing ScrollAreaType.Always demo — its absence is why this went unnoticed — and corrected the API reference, which claimed Type defaults to Auto when the component has always used Hover.

Thanks for the report.

[mathewtaylor]

Released in BlazorBlueprint.Components 3.16.0, live on NuGet now.

The vertical scrollbar appears as expected, including with ScrollAreaType.Always.

dotnet add package BlazorBlueprint.Components --version 3.16.0

Thanks for reporting it. Please reopen, or open a new issue, if it is not behaving as described.