Any workaround for scrollBox not showing scroll bars?

As you may already know, scrollBox component is pretty much useless in Chrome (and I think in Safari too, but I haven’t tested it yet).

Even the Sampler application shows the problem if opened in latest chrome stable.

29

I know this is inherently a CSS problem, and it’s not an easy one especially in Vaadin, but maybe someone here knows a quick and dirty workaround.
Without some working scrollable container, there are things that are simply impossible to achieve (again, especially in Vaadin where “responsive design” is a joke).

Thx
Paolo

ScrollBox shows scrollbars as expected.

chrome-scroll

I bet, it is your Mac OS where scrollbars are invisible, because of OS design.

Yes, that’s indeed the case… to be precise, it’s when macOS detects a connected trackpad, so this doesn’t happen on desktop models without magic trackpad connected.

I was using a CSS trick on the past, but I cannot reproduce it on the scrollbox container. Do you know a workaround that can be applied to the HTML generated by the vaadin component?

Thx
P.

Hi,

You can make scrollbars visible system-wide via System Preferences:

07

36

Alternatively, you can take a look at halo/app/app-scrollbar.scss and use that styles as a foundation to make scrollbars always visible.

Regards,
Gleb